Header and Footer
Hello!
On my website the header has a lot of space below it and I can't find the option to make it smaller:
Also, the footer on the desktop website is a cream color but on the mobile it's a beige. I can't find the option to get rid of that beige color.
Thank you for your help!
Andi
Comments
Hi,
1) Go to Betheme -> Theme options -> Header & Subheader -> Subheader, and check an option to hide the Subheader.
2) For me the color on desktop an mobile is the same:
Did you handle this?
Best regards
Hey Phil,
Thank you for the message!
No I still see this weird Beige color :S
Also, were can I give the menu a little bit of margin/padding? because the menu text is almost on the line.
1) Are there any steps to reproduce your issue?
It still displays like this for me:
2) Sorry, but I quite do not understand. Can you explain it further and attach a screenshot showing what you refer to, please?
Thanks
Hey Hey I solved the footer issue. Turned out it was a night-reader browser plugin I was using and would turn the real colors into dark ugly colors.
But the mobile header problem still remains. So the Header space on the desktop looks fine (the space below the menu). Although it could use a little bit of room.
But it's the mobile version that shows too much space below the logo for my taste (the space between the logo/hamburger menu and the slider revolution slider.
.
It's due to Top Bar Right being enabled on mobile. To disable it, please use the custom css below:
@media only screen and (max-width: 767px) { .header-stack #Top_bar .top_bar_right { height: auto; padding: 0; } }I pasted it into the customizer and it doesn't see to have worked?
Theme Options > Custom CSS & JS > Custom CSS.
I tried pasting it there and still did not work. I opened it up in a fresh browser just to make sure.
The subheader was already hidden. If I activate the subheader I get more empty space.
I'm also using the template Artist 3, if that helps
Did you handle this in the meantime?
Best regards
No, still have a lot of space on the mobile, especially on the "collection" and "info page".
https://www.gardenmenagerie.com/index.php/collection/
Go to Betheme -> Theme options -> Responsive -> Header, and set the header height to zero.
Best regards
It was already set to nothing.
Please send us the WordPress dashboard access privately through the contact form, which is on the right side at https://themeforest.net/user/muffingroup#contact and we will check what might be the reason.
Notice!
Please attach a link to this forum discussion.
Sending incorrect or incomplete data will result in a longer response time.
Therefore, please ensure that the data you send are complete and correct.
Thanks
You sent link to website only without any credentials.
Please send another complete message.
Thanks
Did I not send 2 messages? I'll try again
I received your message with the credentials, but now I do not see this space:
Did you clear the cache or handle it?
Best regards
I have no idea. Did not do anything. But indeed, it looks fixed on the mobile. But do you still see space on the desktop?
This is due to header Height from Betheme -> Theme options -> Header & Subheader -> Header.
You might have some cache active and that is why you do not see changes immediately. When you perform any modification ensure that all cache (from plugin or server) is purged.
Best regards