Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • October 10, 2018 at 11:31 pm #1020080
    tajadojo

    Hello,

    I would like my menu to be sticky (that is show and not scroll away) in all cases except when the sidebar is smaller, then I want it to scroll. I do not see that as an option. I only see:
    Always Sticky (my sidebar does not move and with smaller screens you do not see all the menu options)
    Never Sticky (It scrolls away, not what I want)
    Sticky if sidebar is smaller, otherwise scroll. (This is the setting I have and it scrolls away)

    If this was the flow then it would be:
    Always sticky, if sidebar is smaller scroll

    How can we achieve the side bar being always there (sticky) and scroll when the screen is smaller than the menu.

    Taja

    October 11, 2018 at 10:47 pm #1020513
    Basilis

    Hey Taja,

    Please post us your login credentials (in the “private data” field), so we can take a look at your backend.

    1. Install and activate ” Temporary Login Without Password “.
    2. Go to ” Users > Temporary Logins ” on the left-side menu.
    3. Click ” Create New “.
    4. Add the email address for the account ( you can use (Email address hidden if logged out) ), as well as the ” Role ” making that the highest possible and the expiry about four days
      ( do be sure that we have enough time to debug ).
    5. Click ” Submit “.
    6. You’ll now have a temporary account. Please provide us here in the private section the URL, so we can login and help you out.

    When your issue is fixed, you can always remove the plugin!
    If you prefer to not use the plugin, you can manually create a admin user and post the login credentials in the “private data” field.

    Best regards,
    Basilis

    October 11, 2018 at 11:09 pm #1020523
    tajadojo

    Please let me know what you find. Credentials in private.

    October 15, 2018 at 10:15 am #1021481
    Ismael

    Hi,

    How can we achieve the side bar being always there (sticky) and scroll when the screen is smaller than the menu.

    That is actually what the first option is. The sidebar will only stick if the whole container is visible. If it’s taller than the screen, it will scroll along with the content. You don’t see a fixed sidebar because your sidebar or navigation is quite tall. I have a 1920x1080px screen and the site’s sidebar is still taller than the browser view port.

    If you want a fixed sidebar, set it to “Always Sticky” and make the sidebar scrollable with this css code.

    #header .avia-custom-sidebar-widget-area {
    overflow-y: scroll;
}

    Best regards,
    Ismael

    October 15, 2018 at 6:59 pm #1021719
    tajadojo

    Hello Ismael,

    I think I am having trouble describing what I want and using the language incorrectly.
    I want to ALWAYS see the FULL side menu. I want to see it stick once the page goes longer than the menu.

    Here is an example of Thrive Leads side bar that does exactly what I want the side nave bar to do. You will notice that it Sticks to the side once we scroll further than the lead box.

    https://www.useloom.com/share/73dc788e964b495ea98c022466488eca

    In all of the options It vanishes when scrolling.

    Is there a css code to achieve that?

    Taja

    October 16, 2018 at 1:14 pm #1022157
    Ismael

    Hi!

    Thanks for the update. You can set it to “Always stick” but you won’t be able to access the content at the very bottom of the sidebar container because its taller than the browser view port, at least on standard screen resolutions. For testing purpose, set it to the first option and then zoom out the browser until the whole sidebar content is visible. It should stick by then because the whole sidebar container is visible inside the browser view port or screen.

    Regards,
    Ismael

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.