- This topic has 3 replies, 2 voices, and was last updated 6 years, 8 months ago by
.
Hi there,
I came to the conclusion that I need more tools to customize the mobile menu so I decided to download a separate plugin for it. Now I’m trying to remove the theme’s mobile menu. I succeeded doing so with this CSS code:
nav#header-navigation-mobile { display: none; }But after using it, there’s still a lot of empty space there. Is there anything I can do to minimize it and make the mobile content go further up?
Also, what can I do to make the desktop menu appear in the center of the page? I’m using header template #1
Solution for this topic
Hi @Cakelab,
I hope you are well today and thank you for your questions.
But after using it, there’s still a lot of empty space there. Is there anything I can do to minimize it and make the mobile content go further up?
I don’t see that much space on your shared site as shown in the attached screenshot.
Have you removed it?
Also, what can I do to make the desktop menu appear in the center of the page? I’m using header template #1
You can achieve it by adding the following CSS code in the Custom CSS code option of your theme on the below path.
Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code
#page-container .sh-header .sh-table-cell:last-child { display: table; margin: 0 auto; float: none !important; }Best regards,
Shufflehound teamOh, I guess it somehow fixed itself.. Didn’t do anything on my part.. Thanks for fixing the header though! 🙂
You are always welcome here 🙂
