Home › Forums › Jevelin Theme › Remove mobile header space
Home › Forums › Jevelin Theme › Remove mobile header space
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
Url: https://cake-lab.org/blog/
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 team
Oh, I guess it somehow fixed itself.. Didn’t do anything on my part.. Thanks for fixing the header though! 🙂
You are always welcome here 🙂