Archived topic
Sticky menu design everywhere but start page
5 replies · Started by Lars on June 16, 2022
Hi
I enjoy the design of the sticky menu on my web page nordfro.webease.net. How can I use the size of the sticky menu everywhere, with the smaller logo, everywhere but the front page? I would still like to show the logo full size on the front page.
Thank you
Lars
Hi there,
can you share a link to your site so i can see what the best option is ?
Hi!
Just to clarify myself: I want the navigation/logo to have the same padding and position and size of logo as the sticky navigation on all pages besides the front page. The front page I want to work as normal. Big size that turns into smaller sticky-size.
I am also trying to achieve something else that I find it difficult to achieve. You'll see the green button with a direct link to the webshop in the upper left corner. When this button goes in to sticky-version I want it to expand 100% in height (and loose its round corners, but that’s not a problem), but no matter what container I try to give this height I don't seem to be able to change it. Do I need !important for it to work perhaps?
Thanks
Lars
Try this CSS:
body:not(.home) .inside-header {
padding: 0;
}
body:not(.home) .site-header .inside-header .header-image {
height: 60px;
width: auto;
padding: 10px 0;
margin-top: 0;
margin-left: 20px;
}
nav#sticky-navigation .gb-button-wrapper a.gb-button.buy-seeds {
padding-top: 11px;
padding-bottom: 11px;
margin-bottom: 0;
border-radius: 0;
}Great! That did the trick.
Great :)
