Home › Forums › Support › Is it possible to make a second 2nd nav, and have diff display rules for each?
- This topic has 23 replies, 2 voices, and was last updated 1 year, 11 months ago by Fernando.
-
AuthorPosts
-
April 21, 2022 at 11:57 pm #2196652qhraqhra
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.
April 22, 2022 at 12:02 am #2196657Fernando Customer SupportYes this is possible. To make it sticky, kindly add
make-sticky
class to the Container Block as such: https://share.getcloudapp.com/yAuKzDRQThen, 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. 🙂
April 22, 2022 at 12:07 am #2196661qhraqhraWith 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.
April 22, 2022 at 12:08 am #2196662qhraqhraAlso, is it possible to make the block sticky in some pages, and not in others?
April 22, 2022 at 12:43 am #2196682Fernando Customer SupportWith 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. 🙂
April 22, 2022 at 3:42 pm #2197468qhraqhraJust cleared cache and it still has that issue on mobile…I checked my cache plugin too. Text still sits on the bottom
April 24, 2022 at 5:24 pm #2198894Fernando Customer SupportThat’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. 🙂
April 24, 2022 at 10:37 pm #2198988qhraqhraI 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.
April 24, 2022 at 10:38 pm #2198990Fernando Customer SupportGlad you were able to remove it now. Feel free to reach out anytime you’ll need assistance with anything else. 🙂
-
AuthorPosts
- You must be logged in to reply to this topic.