[Resolved] fix position of side bars

Home Forums Support [Resolved] fix position of side bars

Home Forums Support fix position of side bars

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #690171
    Walter Schwarz

    I would like to keep the side bars always on the same position and have just the main content scrollable as it is already. I am using the “Content Aware Sidebars” PlugIn.
    Start page:
    First Screen Shot
    Same page: main content scrolled a little bit (via Photoshop πŸ™‚ )
    Second Screen Shot (designed in Photoshop)
    I have already tried a lot of CSS variations. Positioning and fixing worked, but when changing the screen size the distances between the side bars and the main content destroyed the overall picture. there were overlaps, for example.
    Who knows CSS modifications that work?
    Thank you,
    Walter

    #690323
    Tom
    Lead Developer
    Lead Developer

    Have you tried a plugin like this?: https://wordpress.org/plugins/sticky-menu-or-anything-on-scroll/

    You should just need to provide the IDs of the sidebars.

    Let me know πŸ™‚

    #690561
    Walter Schwarz

    Basically “sticky-menu-or-anything-on-scroll” works. But there are some restrictions:

    1) The actual version just deals with one menu. So both side-bars are not manageable. Improvement should be in next version.
    2) If I have a longer menu that hides under the footer the content there is out of view. There is no “overflow-y: auto;”-functionality. But maybe I just do not know how to activate.

    So I still need help.

    Thank you,
    Walter

    #690920
    Tom
    Lead Developer
    Lead Developer

    What if you removed your custom CSS relating to the sticky sidebars now, and then add this:

    .inside-right-sidebar, 
    .inside-left-sidebar {
        max-height: 100%;
        overflow-y: auto;
    }

    Let me know πŸ™‚

    #691318
    Walter Schwarz

    It works so far – but the behaviour is not perfect.
    Calling a page the first look is without a scroll bar – even if the text is longer:
    First page
    I have to scroll a little bit the main page, that the plugin seems to start and the scrollbar of the side bar is activated:
    Second page

    How to get the first page started already knowing, that a scrollbar should be presented?

    And there is still the bottleneck of just have one sidebar sticked.

    Thank you for further ideas,
    Walter

    #691771
    Tom
    Lead Developer
    Lead Developer

    I suppose you could try replacing:

    overflow-y: auto;

    With:

    overflow-y: scroll;

    #692112
    Walter Schwarz

    “overflow-y: scroll;” did not work properly. It created a kind of shadow scroll bar in the background. After further tests with two other plugins (Q2W3 Fixed Widget, WP Stickit) I stay with “sticky-menu-or-anything-on-scroll”.

    My settings are:

    .inside-right-sidebar,
    .inside-left-sidebar
    max-height: 100%;
    overflow-y: auto;
    bottom:0px;
    }

    To have the scond side bar sticky as well I have to wait till the next major release.

    I will stay with this solution so far.

    Thank you Tom,
    have a good day!
    Walter

    #692664
    Tom
    Lead Developer
    Lead Developer

    Glad you got something working πŸ™‚

    #692908
    Walter Schwarz

    *** Addendum and update ***

    At the end I deactivated the plugin “sticky-menu-or-anything-on-scroll”.

    At every page change it created a micro-flickering of the sticky sidebar containing a sub menu.
    At the end it seems that there is no really professional sticky side bar plugin available.

    But if someone knows one, please let me know …

    Have a good night,
    Walter

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