Mobile Website

[hallo1]

Hello dear team
I want to change two things on my website.
First: The menu item on the phone is too dark, where can I change the color?
Second: On the mobile website, the logo is too big, where can I change the logo to make it smaller only on the mobile website?

Url: http://hinghaengtwerbetechnik.at.w01806c3.kasserver.com/

[Sonl Sinha]

Hi,

Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

@media screen and (max-width:479px) {
.logo { max-width:60%;}
#simple-menu .fa-bars { color: #fff !important;}
}

Regards,
Chris

[hallo1]

Hello
The menu item is now white.
But the logo is distorted now why?

[Sonl Sinha]

Hi,

Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

@media screen and (max-width:479px) {
.logo img { height:auto;}
}

Regards,
Chris

[hallo1]

Hello
So now the logo would fit but because the mobile is still big you can not click the menu anymore but can only click on the logo. is it possible to downsize logo in height as well as in width?

best regards
Silke

[Sonl Sinha]

Hi,

Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

@media screen and (max-width:479px) {
.logo { max-width:50%;}
.logo img { height:auto;}
#simple-menu .fa-bars { color: #fff !important;}
}

Regards,
Chris

[Author]

Posts