[Resolved] Is it possible to make a second 2nd nav, and have diff display rules for each?

Home Forums Support [Resolved] Is it possible to make a second 2nd nav, and have diff display rules for each?

Home Forums Support Is it possible to make a second 2nd nav, and have diff display rules for each?

Viewing 9 posts - 16 through 24 (of 24 total)
  • Author
    Posts
  • #2196652
    qhraqhra

    On mobile preview there is no “20” there. Which is why I find it weird this is not working. Do lmk about the other questions above, too.

    #2196657
    Fernando
    Customer Support

    Yes this is possible. To make it sticky, kindly add make-sticky class to the Container Block as such: https://share.getcloudapp.com/yAuKzDRQ

    Then, add this CSS in Appearance > Customize > Additional CSS:

    .make-sticky {
        position: sticky;
        top: 60px;
        left: 0;
    }

    As for the second question, the space between the Block Element and the 2nd nav is coming from an Empty Paragraph Block in your Block Element I believe. Kindly remove it as such: https://share.getcloudapp.com/GGulBQeG

    With regards to the padding, to confirm, you’re not seeing a value there? Can try making it 0 on mobile view and see how it goes?

    Hope this clarifies. 🙂

    #2196661
    qhraqhra

    With regards to the padding, to confirm, you’re not seeing a value there? Can try making it 0 on mobile view and see how it goes?

    Yes there’s no “20” there. Checked this even before you asked me to, hahah. Not sure why it looks off on mobile.

    Everything else worked.

    #2196662
    qhraqhra

    Also, is it possible to make the block sticky in some pages, and not in others?

    #2196682
    Fernando
    Customer Support

    With regards to the padding, can you try clearing all caching mechanisms set in your website?

    Moreover, with regards to it becoming sticky, it might be best to create another Block Element with an identical Layout, only, this element won’t have the make-sticky class.

    Then set the appropriate Display rules.

    Alternatively, you may also utilize plugin Simple CSS to add CSS code specific to each page: https://docs.generatepress.com/article/adding-css/

    Hope this clarifies. 🙂

    #2197468
    qhraqhra

    Just cleared cache and it still has that issue on mobile…I checked my cache plugin too. Text still sits on the bottom

    #2198894
    Fernando
    Customer Support

    That’s odd. Looking at it from my end, the CSS causing this seems to be coming from a padding set as such: https://share.getcloudapp.com/RBunRvNL

    If the padding on mobile view is indeed zero, perhaps you can try temporarily disabling caching/optimization plugins?

    If that doesn’t work as well, maybe you can provide temporary access so we can investigate further?

    You may use the private information field for this: https://docs.generatepress.com/article/using-the-premium-support-forum/#private-information

    Kindly let us know. 🙂

    #2198988
    qhraqhra

    I checked again today and in the container there was a “30” in the padding for some reason. Didn’t see that at all last time but in any case it’s cleared, thank you for your help through all this.

    Maybe I clicked on the text itself but not the container so I missed that.

    #2198990
    Fernando
    Customer Support

    Glad you were able to remove it now. Feel free to reach out anytime you’ll need assistance with anything else. 🙂

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