Viewing 4 posts - 1 through 4 (of 4 total)
Viewing 4 posts - 1 through 4 (of 4 total)
- The topic ‘Header image resizing with sticky menu / need to move nav slightly’ is closed to new replies.
Hello,
I am trying to set my LOGO to a specific size, and keep it the exact same size when using the sticky header as well. At the moment it currently re-sizes my logo to a smaller size which I do not want. I’m assuming this is CSS coding, but I can’t figure out what to change at the moment to fix this issue.
I am also wanting to move my NAV to appear lined up with the bottom of my LOGO, I have solved how to do this in the regular menu using “padding-top: 20px”. however when this is implemented the sticky header becomes broken, it incorporates the “padding-top:20px” which causes the actual nav to appear below my nav image. I am unsure how to fix this.
Summary –
– Keep LOGO the same size on both the regular header and the sticky header
– Move the nav down without effecting the sticky header nav positioning.
I’m assuming this is all CSS editing, however I cannot figure out what exactly to edit without effecting something else in a negative manner.
Aside from this, I want to remove the breadcrumbs and add in LINKS to the blank area (not entirely sure how to do either on this theme.
Reference. http://gyazo.com/de95d686a6dfbe23e7407e10fc125928
Hi!
Please use the Non-Fixed Header then add this on your custom.css or Quick CSS to make it fixed.
#header {
position: fixed;
}
You can move the nav down using this:
.main_menu {
top: 20px;
}
Regards,
Ismael
That worked for me, any idea how to change the breadcrumbs to text links? I’m trying to basically add in a sub-nav in the page headers utilizing the breadcrumbs positioning.