Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #186244

    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.

    #186254

    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

    #186375

    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

    #186913

    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.

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.