General Options, text logo

Illdy
1

Dears,

I have one more problem with Ildy Template. Mainly I use text logo (in Genral Options). It looks ok on desktop size of the page but unfortunately mobile versions are not so good (both in case of tablet and smartfon).
I tried to use CSS code given on the forum:

/Mobile CSS/
@media (max-width: 550px){
#header .bottom-header h1 {
font-size: 10px;
line-height: 10px;

and tried to change values of font size and line-height but unfortunately nothing happened.
Could you please advise how to solve the issue?

Thank you.
Anna

2

Hello there,

I hope you are doing well today.

Could you please provide a link to your website and an image of the issue so that I can see what is happening?

Best Regards,
Support

3

Hi,

Here is the link to web page: http://www.drugiakt.pl/
Screen from mobile attached.

Thank you,
Anna

4

Hello there,

Thanks for that link.

You can use the following CSS code to edit the mobile logo font by going to Appearance > Customize > Additional CSS and pasting it there.

@media only screen and (max-width: 700px) {
#header .top-header .header-logo {
font-size: 30px;
}
}

Best Regards,
Support

5

Thank you :slight_smile: it helped :slight_smile:
The only problem I see at the moment is the text logo and Menu on the mobile template is lower.
In case of desktop template it is on black part of the photo. In case of mobile it is displayed lower.

Could you please also advise how to fix it?

Thank you,
Anna