Hello

To amend try adding the following to the Custom CSS field of your templates parameters (Extensions -> Templates -> [YourTemplateStyle] -> Custom CSS)....

(edit to taste)

@media screen and (max-width: 740px) {

  #logo .logo-text a {

    font-size: 36px;

  }

  #logo .site-slogan {

    font-size: 14px;

  }

}  

Ciaran

I tried it.
Unfortunately, it didn't work.
I actually shrank the (max-width: to 640 and then 540px) all 3 variations left me out of proportion and "Without a menu"
Remember, this is viewing the site with a phone in portrait mode

Hello

If you wish to further reduce the size of your mobile logo text try amending the suggested CSS..

eg.

@media screen and (max-width: 740px) {

  #logo .logo-text a {

    font-size: 32px;

  }

  #logo .site-slogan {

    font-size: 12px;

  }

  #container_header .wrapper960 {

    padding-left: 0;

  }

} 

Ciaran

It looks like the css code is the same as before.
Regardless, I installed it.
I'm sorry to say it didn't work
The header is not centered and the menu is off the page
BTW, I did check it on another phone. It didn't make a difference

Hello

May I suggest sending temporary administration access to your Joomla installation to info@joomla51.com and we will examine this issue further. For our reference please paste a link to this post in your email.

Ciaran

I installed an image to bypass the text. It took a while to get it right, but it's done.