I have a problem with the menu in the mobile version - Forum | JoomShaper
Staff replied Templates

I have a problem with the menu in the mobile version

Asked by Krzysztof 5 years ago Last activity 5 years ago

I have a problem with the menu in the mobile version. The logo is too big and there is no menu bar at the beginning. How to set the menu bar permanently in the mobile version and make the logo in a specific position?

http://mirpasz.itprosolution.pl

7 replies

Oldest first Newest first Most helpful
Krzysztof Asked this
5 years ago

Yes! just like this is showing up on my phone :(

Mehtaz Afsana Borsha Staff
5 years ago

Hi,

Use this custom css

@media only screen and (max-width: 767px){
#sp-header {
  top:0px !important;

}
#sp-header.menu-fixed{
  height:82px;
}
}

Add this css code inside the custom.css file.
Note: Path towards custom CSS:
Extensions>Templates>Styles>
Click on your current default template name then choose Template Options.
Then find custom CSS within the custom code.
https://prnt.sc/pu705g
https://prnt.sc/pu70zn
In Extensions>Template> Template Options > Custom Code > Custom CSS please add this

Thanks

Krzysztof Asked this
5 years ago

Thank you very much and please tell me what optimal dimensions should be for the logo for the mobile version and for the desktop version?

Mehtaz Afsana Borsha Staff
5 years ago

Hi

There is no specific dimension. On your site you used some extra css which conflict the logo.

Krzysztof Asked this
5 years ago

And how to correct it so that it does not interfere?

Mehtaz Afsana Borsha Staff
5 years ago

Use my css then it will be alright

Log in to reply.