Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • August 29, 2016 at 4:41 am #678738
    Darrell

    I use the following CSS to keep my nested sidebar navigation menus fixed:

    #top #main .sidebar {
    position: fixed;
    }

    It works great. But my problem is: It’s also affecting my Blog page, which does not have any nested pages in its sidebar, but it does have a very long list of blog post categories in its sidebar by using Sidebar Blog widgets. So I need the blog’s sidebar to be floating, not fixed.

    Can I modify or add some CSS to make only the blog’s sidebar floating while keeping my nested navigation page sidebars everywhere else fixed?

    Many thanks.

    • This topic was modified 8 years, 3 months ago by Darrell.
    August 29, 2016 at 6:20 am #678746
    Darrell

    Update: I found a visual CSS editor plugin to help me. Here’s the code that solved my problem by allowing the blog sidebar to float:

    .template-blog .sidebar_left{
    position:relative !important;
    }

    September 1, 2016 at 4:22 am #680430
    Rikard

    Hi,

    Sorry for the late reply, glad you found a solution though and thanks for sharing :-)

    Please let us know if you should need any further help on the topic.

    Regards,
    Rikard

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