Topic Resolution: Resolved
  • Closed
  • Westmount Shul
    Spectator
    August 11, 2016 at 9:09 pm #29713

    My site has the sticky menu feature enabled. It’s really great!

    I am trying to disable the sticky menu on certain pages so that it doesn’t overlap with the top of an image gallery (3rd party image plugin). I would prefer not to disable the sticky menu for the entire site if at all possible.

    All the pages I need to hide the menu on use the ‘two sidebar, one on each side of content area’ layout, and if there would be some global way to hide the sticky menu for that page layout, that would be perfectly fine. We only use that layout for galleries.

    Is there something I can paste into the custom CSS box? If not, how else can I solve this?

    Denzel Chia
    Moderator
    Posts: 2656
    August 12, 2016 at 1:50 am #29719

    Hi,

    Please post your website URL.
    Please also post URL of an example gallery page, that you need to hide the sticky menu.
    We need to see if there is a common css class name in HTML body tag, which we can use for custom css.

    Thank you

    Westmount Shul
    Spectator
    Posts: 5
    August 12, 2016 at 2:58 am #29722

    Here they are:

    http://westmountshul.com/

    http://westmountshul.com/photos/2016-photos/

    The menu along the side of this page lists every page included in this gallery section. If possible, I would also remove the sticky menu from the main page, /photos/

    There is a beta site set up to try things on, so I’m happy to play with any suggestions even if they might not be exactly right the first time. Just note that the content hasn’t been replicated exactly – I can copy this content over if need be.

    Daniel Jones
    Spectator
    Posts: 148
    August 12, 2016 at 12:16 pm #29723

    Hi Yossi,

    Thank you for the links.

    We can use the following custom CSS to remove the sticky header on this pages. As Denzel had mentioned the page id is included to affect this pages only. Kindly paste the CSS code on your custom CSS section Theme Options> Custom CSS

    /*Remove sticky header on 2016 photos page*/
    .page.page-id-13610 #header.sticky-header.sticky {
    display: none !important;
    }
    /*Remove sticky header on photos page*/
    .page-id-46 #header.sticky-header.sticky {
    display: none !important;
    }

    Let me know if this helps.

    Westmount Shul
    Spectator
    Posts: 5
    August 15, 2016 at 7:46 pm #29773

    It works fine on those pages. Thank you!

    I assume I can reuse this code with all the other pages I need to hide. Can I put the page ids as a list, or does each one have to be coded in individually?

    This is a wonderful short-term solution, but at the end of the summer, I hand the site back over to the original managers. None of them are very comfortable with WordPress and would not continue adding to the code every year as the new pages are added, and so this will not work in the long term.

    If you can come up with any longer-term solution (linked to the sidebar layout, the particular widget in the sidebar, or any number of other options) that would be much appreciated. I’d prefer to avoid taking down the sticky menu for the entire site if at all possible.

    Denzel Chia
    Moderator
    Posts: 2656
    August 16, 2016 at 1:28 am #29780

    Hi,

    You can use a comma to separate each set of class names,
    For example.

    .page-id-13610 #header.sticky-header.sticky, .page-id-46 #header.sticky-header.sticky {
    display: none !important;
    }

    If you cannot get it to work properly.
    You can revert back to using individual set of custom css.

    Regarding permanent solution. This will require custom coding functions into the theme, which is not covered in our support scope. You can contact our developer for this customization service. https://theme4press.com/theme-customization-service/

    Thank you.

    Westmount Shul
    Spectator
    Posts: 5
    August 18, 2016 at 4:44 pm #29855

    Thank you for all your help!

    Denzel Chia
    Moderator
    Posts: 2656
    August 19, 2016 at 2:28 am #29867

    You are welcome!
    Thank you