Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • November 3, 2014 at 8:52 am #345159
    bakbek

    Hi, I want to use the menu on the right sidebar but it seems that only when it’s on the left it could be a “sticky” sidebar. Since the site i’m building is an RTL site I would like to put the menu on the right sidebar and also have it “stick”.

    How can I do that?

    http://photobek.staging.wpengine.com/ (hosted on WPengine)

    Thanks.

    November 3, 2014 at 10:46 am #345184
    Arvish

    Hi DROR!

    Add the following code to Quick CSS or custom.css

    .html_header_sidebar #top #header.av_always_sticky {
    right: 0;
}

.html_header_left #main {
    margin-left: auto;
}

.html_header_sidebar #header .av-main-nav {
    text-align: right;
}

    Regards,
    Arvish

    November 3, 2014 at 3:07 pm #345260
    bakbek

    That doesn’t seem to work, the menu isn’t sticking while scrolling down – http://photobek.staging.wpengine.com/ (hosted on WPengine)

    November 3, 2014 at 3:11 pm #345262
    bakbek

    My bad, it works if I keep the menu on the left side in the settings.

    November 3, 2014 at 3:12 pm #345265
    bakbek

    My bad again, it works but the masonry gallery isn’t showing as it should. The menu goes over one of the masonry columns…

    November 4, 2014 at 12:35 am #345647
    Arvish

    Hey!

    Just had a look at the site. For us to have a better understanding of your requirements, could you please forward us a mock up or screenshot of the type of modification required.

    Regards,
    Arvish

    November 4, 2014 at 10:18 am #345786
    bakbek

    As you can see here, when the menu is sticky on the left the masonry shows 3 full columns – http://screencast.com/t/rAMv002tw

    I want the same thing to show when the menu is on the right but instead it makes the images much bigger and the menu “goes over” the 3rd column – http://screencast.com/t/TReFPBHz

    November 4, 2014 at 11:13 am #345804
    Arvish

    Hey!

    Try adding this to Quick CSS or custom.css instead:

      .html_header_sidebar #top #header.av_always_sticky {
    right: 0;
}

.html_header_left #main {
    margin-left: 0;
    margin-right:300px
}

.html_header_sidebar #header .av-main-nav {
    text-align: right;
}
  
}

    Best regards,
    Arvish

    November 4, 2014 at 11:27 am #345808
    bakbek

    Great. Thanks!

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘How can I make the right sidebar menu sticky?’ is closed to new replies.