Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • January 23, 2022 at 1:24 pm #1336728
    mistermagoo8691

    Hi folks. In the “Header behaviour” configuration I have the following settings:

      Sticky header = YES
      Shriking header = NO
      Unstick topbar = NO
      Let logo and menu position adapt to browser window = YES

    Said that, the HEADER menu is fixed to the top, while TITLE and the BREADCRUMB disappear as soon as I scroll down.

    Is there any way I can fix to the top TITLE and BREADCRUMB as well?

    THX
    Bye,
    A.-

    January 23, 2022 at 3:59 pm #1336748
    Mike

    Hey Angelo,
    Please try this solution

    .title_container {
position: fixed;
top: 122px;
z-index: 1000;
width: 100%;
}

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    January 23, 2022 at 5:11 pm #1336755
    mistermagoo8691

    Hi Mike. Thanks for your answer: it is almost ok. I am saying “almost” because I also have a FullWidth menu, set as “sticky submenu”, and the sticky title+breadcrumb after your CSS is applied now it is stick BELOW the sticky fullwidth submenu.
    Adjusting the TOP value in your CSS just moves up/down the title+breadcrumb, but does not fix the issue: the submenu is always above the title+breadcrumb…

    Would it be possible to fix this one as well?
    Thanks!
    Bye,
    A.-

    January 23, 2022 at 5:20 pm #1336757
    Mike

    Hi,
    Please link to your page so we can examine.

    Best regards,
    Mike

    January 23, 2022 at 7:21 pm #1336768
    mistermagoo8691

    Thanks Mike. In private the information required.

    You will see, top to bottom:
    1) the sticky header
    2) the unsticky title + breadcrumb (will disappear when scrolling down)
    3) the fullwidth submenu (being sticky, it will take the place of the title + breadcrumb when scrolling down).

    I’d like to have all the 3 sticky :-)

    THX
    Bye,
    A.-

    January 23, 2022 at 8:19 pm #1336772
    Mike

    Hi,
    Thank you for the link to your site, please try this css instead:

    #top.single-portfolio .title_container {
position: fixed;
top: 82px;
z-index: 1000;
width: 100%;
}
#top.single-portfolio #sub_menu1 {
top: 142px !important;
}

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    January 23, 2022 at 10:14 pm #1336776
    mistermagoo8691

    Ok, it works Mike!
    So, basically you’re also freezing the top position of the subemnu so that it stays below the title+breadcrumb, clear!
    Thansk again, solved!
    Bye!
    A.-

    January 23, 2022 at 10:29 pm #1336777
    Mike

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Stick title + breadcrumb?’ is closed to new replies.