Tagged: , ,

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • October 22, 2015 at 2:13 pm #522957
    NicomIT

    I increased the size of the social icons in the header, which in turn increased the height of the header. However this is causing the area that contains the logo/main navigation to overlap what is displayed directly below it. On some pages you don’t see it until you scroll down and the header shrinks and moves into it’s fixed position. I’ve included links to a few pages where you can see what is happening.

    October 22, 2015 at 2:16 pm #522960
    Yigit

    Hey NicomIT!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    .html_header_top.html_header_sticky #top #wrap_all #main {
    padding-top: 172px !important;
}

    Cheers!
    Yigit

    October 22, 2015 at 2:21 pm #522965
    NicomIT

    Thanks Yigit.

    That fixed it on the home and products > work lights pages, except when you scroll down and the header shrinks. The overlap still appears then, It also is still showing up in both instances on the products page.

    October 22, 2015 at 2:24 pm #522967
    Yigit

    Hi!

    Please add following code to Quick CSS as well

    #header.header-scrolled {
    height: 106px;
}

    Regards,
    Yigit

    October 22, 2015 at 2:28 pm #522969
    NicomIT

    That did the trick when you scroll. However, the overlay (or possibly a separate gap) is still showing on the products page before you scroll.

    October 22, 2015 at 2:36 pm #522974
    Yigit

    Hey!

    Please add following code to Quick CSS as well

    .title_container { margin-top: 0; }

    Cheers!
    Yigit

    October 22, 2015 at 2:51 pm #522998
    NicomIT

    Thanks Yigit, but unfortunately that didn’t work.

    October 22, 2015 at 2:53 pm #523000
    Yigit

    Hey!

    Please try adding !important rule as following 

    .title_container { margin-top: 0!important; }

    Best regards,
    Yigit

    October 22, 2015 at 3:00 pm #523008
    NicomIT

    That did it. Thanks .title_container Yigit!

    October 22, 2015 at 3:02 pm #523011
    Yigit

    Hi!

    You are welcome, glad we could help!
    Thank you for the new nickname ;D

    Cheers!
    .title_container Yigit!

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Overlap Caused by Increasing Size of Social Icons in Header’ is closed to new replies.