Solved Templates

calcio mobile menu placement

Asked by YUMA SCOTT 4 years ago Last activity 4 years ago

How do I fix the location of the mobile menu on this template?

Accepted answer

Marked as the solution
Rashida Rahman Staff
4 years ago

Hi there!

Sorry for your issue.

Would you please give me your site URL here to check?

However, the following code snippet in your custom CSS should help:

#sp-header .row {
    display: flex;
}

Note: Path towards custom CSS(Joomla 3): Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.

Best Regards

6 more replies

Oldest first Newest first Most helpful
YUMA SCOTT Asked this
4 years ago · edited

Now I have tried to update the location of the mobile menu and now the desktop menu is not correctly styled.
How do I fix this?
https://prnt.sc/F0bF0bVkoutX

It removed the position "menu" and all it's styles and now it will not let me add it back.
I can choose position-1 and it puts the menu back, but all stying is lost:
https://prnt.sc/q9WAtDNpT8Bi

YUMA SCOTT Asked this
4 years ago

OK, I was able to get it back and get the styling back.
However, I still need to move the mobile "hamburger" menu please.

YUMA SCOTT Asked this
4 years ago · edited

Thank you Rashida,
That didn't seem to make a difference.
Please see the link and login below.
Please also note, the entire header area is now white in mobile mode and other modes that are not desktop:
https://prnt.sc/VKoEkNRJUiLs

Thanks again for your help!

YUMA SCOTT Asked this
4 years ago

I had to remove some other custom CSS to make your code work, thanks!!

Rashida Rahman Staff
4 years ago

Hi,

Thanks for letting me know about it and glad that finally the code works:)

Have a wonderful day!

Best Regards

Log in to reply.