Topic Resolution: Resolved
  • Creator
    Topic
  • #29713

    Westmount Shul
    Participant
    Been thanked: 3 times

    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?

Viewing 7 replies - 1 through 7 (of 7 total)
Replies
  • Denzel Chia
    Moderator
    Post count: 3225
    Been thanked: 129 times
    #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
    Participant
    Post count: 5
    Been thanked: 3 times
    #29722 |

    Here they are:

    Home

    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
    Moderator
    Post count: 241
    Been thanked: 19 times
    #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

    Let me know if this helps.

    Westmount Shul
    Participant
    Post count: 5
    Been thanked: 3 times
    #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
    Post count: 3225
    Been thanked: 129 times
    #29780 |

    Hi,

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

    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
    Participant
    Post count: 5
    Been thanked: 3 times
    #29855 |

    Thank you for all your help!

    1 user thanked author for this post.
    Denzel Chia
    Moderator
    Post count: 3225
    Been thanked: 129 times
    #29867 |

    You are welcome!
    Thank you

Viewing 7 replies - 1 through 7 (of 7 total)
You must be logged in to reply to this topic.