Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • March 1, 2018 at 2:27 am #919340
    regankendrick

    Hi There

    I’m using Enfold theme and have the sticky header activated.

    About Us

    between a screen size of aprx 768 – 980px part of the breadcrumbs and part of the content obscured is by the header.

    I have added some custom css (in Quick css) to header and thought that this may have caused the problem, however issue persists when I remove my custom css.

    Thanks
    Regan

    March 1, 2018 at 6:22 am #919393
    Nikko

    Hey Regan,

    Can you try adding this css code in Quick CSS:

    @media only screen and (max-width: 989px) and (min-width: 768px) {
  .responsive.html_mobile_menu_tablet.html_header_top.html_header_sticky #top #wrap_all #main {
    padding-top: 189px !important;
  }

  #top .title_container .container {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    min-height: 56px !important;
  }
}

    Let us know if this helps :)

    Best regards,
    Nikko

    March 1, 2018 at 10:46 pm #919995
    regankendrick

    Thanks Nikko, that did the trick.
    R

    March 1, 2018 at 11:26 pm #920009
    Jordan Shannon

    Hi,

    Great! I’m glad Nikko was able to help. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Enfold Sticky Header on 768 – 980px’ is closed to new replies.