Changing stuff for mobile version only?

[Tim Dressler]

Hey there!

With the current version of our page, we got an issue regarding the mobile version. On the Desktop version everything looks fine, but on the mobile version the header-part looks very big. In our opionion it looks too big! But when we change header size or the letters of our company, it will also change for all the others versions as well.

Is there a way to fix that?

Regards,
Tim

[Zex]

Hello, Tim

Insert the following codes into Customizing->General->Additional CSS:

@media only screen and (max-width: 480px) {
#masthead .site-title a {
font-size:3.5vw!important;
}
#agama-logo a {
 max-width: 80%!important;
 text-align: left!important;
}  
.logo{
 float: left!important;
} 
.mobile-menu-icons{
 width: 20%!important;
 clear: none!important;
 text-align: right!important;
}
}

Regards

[Anita Posthumus]

i want to have stripes at the menu buttum for phone but i don’t know how it works can someone please help me

[Zex]

Hello @Anita!

I’m afraid I don’t understand your question…

The “stripes” (Hamburger menu) should automatically appear on screens that are smaller than 992px.
You don’t need to do anything about that.

Or the problem is something else?

Can you be more precise?
Can you give me the address of your website?

Thank you.

Regards

[Author]

Posts