MichaelTwizzlers Posted January 12 Share Posted January 12 Hi guys! My website is below: producedbybeckert.com (password is "BRANDED") You'll notice that if you click on "Conversations," and you're on a standard macbook laptop- you can't even scroll down to see all of the links that appear under the "Conversations" dropdown link. my question is: how do I fix this? how do I add the ability to keep scrolling? Right now my website is fixed on my page, so i can't scroll down to the bottom of the dropdown menu. Link to comment
tuanphan Posted January 15 Share Posted January 15 Add to Design > Custom CSS .main-nav .subnav ul { max-height: 500px; overflow-y: scroll; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
wearequbit Posted June 8 Share Posted June 8 @MichaelTwizzlers, @tuanphan Hi, did you get this to work? I'm facing the same issue, on desktop Link to comment
tuanphan Posted June 11 Share Posted June 11 On 6/8/2023 at 6:04 PM, wearequbit said: @MichaelTwizzlers, @tuanphan Hi, did you get this to work? I'm facing the same issue, on desktop What is your site url? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
wearequbit Posted June 11 Share Posted June 11 Thanks, @tuanphan, site is: frowndocs.co.uk Link to comment
tuanphan Posted June 13 Share Posted June 13 On 6/11/2023 at 2:52 PM, wearequbit said: Thanks, @tuanphan, site is: frowndocs.co.uk Use this CSS div.header-nav-folder-content { max-height: 300px; overflow-y: scroll; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
wearequbit Posted June 13 Share Posted June 13 Looks perfect, thank @tuanphan👊 It'll be a few days before I get a chance to try it out but I'll get back to you either way Link to comment
wearequbit Posted June 18 Share Posted June 18 @tuanphan marvellous - thank you, thank you 🙏 is it possible to target a specific folder (i.e. Conditions)? I thought adding :nth-child(5) would do it ('home' is hidden on desktop), but no luck... Link to comment
tuanphan Posted June 20 Share Posted June 20 On 6/13/2023 at 10:14 AM, tuanphan said: Use this CSS div.header-nav-folder-content { max-height: 300px; overflow-y: scroll; } Remove code I sent & Use this (for Conditions) div.header-nav-item:nth-child(5)>div.header-nav-folder-content { max-height: 200px !important; overflow-y: scroll !important; } wearequbit 1 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
wearequbit Posted June 20 Share Posted June 20 I just knew you'd nail it, @tuanphan ❤️🔥 Link to comment
ashleemundywebsitede Posted August 11 Share Posted August 11 On 6/12/2023 at 11:14 PM, tuanphan said: Use this CSS div.header-nav-folder-content { max-height: 300px; overflow-y: scroll; } This didn't seem to work for me so wondering if it's just for 7.1? If so, how can I do this on 7.0? Thanks! Link to comment
tuanphan Posted August 12 Share Posted August 12 18 hours ago, ashleemundywebsitede said: This didn't seem to work for me so wondering if it's just for 7.1? If so, how can I do this on 7.0? Thanks! Each template in 7.0 will have a different structure so need a different code If you share site url, we can check & give code easier Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
NOLAGallery Posted September 17 Share Posted September 17 Using @tuanphan code: div.header-nav-folder-content { max-height: 300px; overflow-y: scroll; we were able to add the ability to scroll. Thanks @tuanphan Can anyone assist with guidance to add force the scroll bar appear when first selecting the drop down? See "Artist" on site: https://www.union.gallery Many thanks Link to comment
tuanphan Posted September 19 Share Posted September 19 On 9/18/2023 at 5:26 AM, NOLAGallery said: Using @tuanphan code: div.header-nav-folder-content { max-height: 300px; overflow-y: scroll; we were able to add the ability to scroll. Thanks @tuanphan Can anyone assist with guidance to add force the scroll bar appear when first selecting the drop down? See "Artist" on site: https://www.union.gallery Many thanks I see you figured it out on union site? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
NOLAGallery Posted September 26 Share Posted September 26 Hello @tuanphan Apologies for the slow reply. I was not able to force the scroll bar to appear immediately when the drop down is selected. As it is now, a user must first scroll down for the bar to show. Thanks you for your help here. Link to comment
tuanphan Posted October 1 Share Posted October 1 When I hover Dropdown Title >> It shows this To see other items, I will scroll down and now you want? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment