Hi, I'm experiencing a large empty space below my sticky menu on both desktop and mobile devices.
How do I minimize the empty space in order to get the same amount of space in the top and below the logo in the sticky menu so it looks better? I can't find any settings in the laborator theme options.
I just can't see any changes on my blog even though the vertical padding is set to default. If you visit my website udbye.dk and scroll down to see the sticky meny, there's a large empty space below the logo.
Hi,
I'm experiencing a large empty space below my sticky menu on both desktop and mobile devices.
How do I minimize the empty space in order to get the same amount of space in the top and below the logo in the sticky menu so it looks better? I can't find any settings in the laborator theme options.
Thanks,
Thomas
Hi Thomas,
That can be managed through the Theme Options even though it is not separated for the top and for the bottom, see image below:
(view large version)
Best regards,
Laborator Team
I just can't see any changes on my blog even though the vertical padding is set to default.
If you visit my website udbye.dk and scroll down to see the sticky meny, there's a large empty space below the logo.
Thanks,
Thomas
Hi Thomas,
Try adding this to your Custom CSS area:
.main-header .logo-and-menu-container { margin-bottom: 0px !important; }Best regards,
Laborator Team
Hi Art,
Thanks for your reply.
I have tried to implement the custom css, but I cant see any changes on my website.
There's still a large empty space below the logo on mobile devices.
Are you not experiencing the same problem on your mobile with the sticky menu?
My website is udbye.dk.
Thanks,
Thomas
Hi Thomas,
Try adding this CSS below to your Custom CSS > Responsive > Extra Small (XS) field:
.has-sticky-logo.sticky-logo-loaded.main-header.is-sticky.sticky-initialized.sticky-active .logo-image .sticky-logo { margin-top: 15px !important; } .main-header .logo-and-menu-container { margin-bottom: 0px !important; }Best regards,
Laborator Team