Header and Footer

andywattbulb · September 10

Hello!

On my website the header has a lot of space below it and I can't find the option to make it smaller:

https://www.gardenmenagerie.com/

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

Phil · September 10

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

andywattbulb · September 10

Hey Phil,

Thank you for the message!

No I still see this weird Beige color :S

Screenshot_20240910_221746_Firefox.jpg

andywattbulb · September 10

Also, were can I give the menu a little bit of margin/padding? because the menu text is almost on the line.

Phil · September 11

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

andywattbulb · September 19

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.

.

Albert · September 19

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;
  }
}

andywattbulb · September 20

I pasted it into the customizer and it doesn't see to have worked?

Albert · September 20

Theme Options > Custom CSS & JS > Custom CSS.

andywattbulb · September 20

I tried pasting it there and still did not work. I opened it up in a fresh browser just to make sure.

andywattbulb · September 22

The subheader was already hidden. If I activate the subheader I get more empty space.

andywattbulb · September 22

I'm also using the template Artist 3, if that helps

Phil · September 23

Did you handle this in the meantime?

Best regards

andywattbulb · September 23

1.jpg

2.jpg

Screenshot_20240923_122621_Firefox.jpg

Screenshot_20240923_122610_Firefox.jpg

No, still have a lot of space on the mobile, especially on the "collection" and "info page".

https://www.gardenmenagerie.com/index.php/collection/

Phil · September 23

Go to Betheme -> Theme options -> Responsive -> Header, and set the header height to zero.

Best regards

andywattbulb · September 23

It was already set to nothing.

Phil · September 23

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

Phil · September 24

You sent link to website only without any credentials.

Please send another complete message.

Thanks

andywattbulb · September 25

Did I not send 2 messages? I'll try again

Phil · September 25

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

andywattbulb · September 29

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?

Phil · September 30

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

andywattbulb · October 2

This option is already set to 0 but didn't make a difference.

Phil · October 2

Are you sure that you purged the cache?

It was probably cleared overnight as it displays like this for me:

Best regards

Header and Footer

Comments