Site Title Bug

Hello,

I have a similar problem and have already posted it here: https://www.cryoutcreations.eu/forums/t/site-title-bug-on-mobile-version

I kind of solved my issue by adding the following code into the Custom CSS field in the theme settings:
@media only screen and (max-width: 800px) and (min-width: 451px) {
/* Site Title and Text on mobile */
#site-text {
font-size: 16px;
display: inline-block;
}
}
@media only screen and (max-width: 450px) {
/* Site Title and Text on mobile */
#site-text {
font-size: 15px;
width: 190px;
display: inline-block;
}
}

Be careful though because the different devices have different screen size of their browsers and you will probably have to define some more lines like these for different resolution sets.

Best Regards,
Vasil Krastev

Website: mweekend.net

Did you try changing the values for ‘width’ and ‘font-size’? Probably my values will not work for you.

Also ‘max-width’ and ‘min-width’ should be adjusted too. Try https://www.webpagefx.com/tools/whats-my-browser-size/
to determine your browser resolution so that you can put the correct values.

• This reply was modified 6 years ago by vasskion.