jbholsters Posted September 12 Share Posted September 12 so I have a section element: section[data-section-id="6500cf46b05002592d3d8b5f"] that I am using to keep a photo from going behind the header nav. I would like to decrease the padding/block height inside that section to less than 1 block high. I've tried a few codes from searching on here but I can't seem to get them to do what I want. Anyone have any ideas? thank you Link to comment
tuanphan Posted September 15 Share Posted September 15 Hi, Can you share link to page where you use this section? 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
jbholsters Posted September 17 Author Share Posted September 17 sure. https://www.bulman-gunleather.com/ This is the section on the home page: section[data-section-id="650104134757da31113891f2"] The one above was from a different page but they are the same. I have one on every page that has a large photo right below the nav menu. The other option I guess would be to add a white block to the top of the photo that is the height of the menu. But not sure if that would get funky when viewed on certain tablets and/or phones. Figured if I could get that section basically no height it would be better. One other question since I have ya. I have CSS so that links in the header menu change color on rollover, but I can't get that code to work for my mega menu. Any help with that would be fantastic as well I want the roll over color to be #AE8932 The section for the mega menu is: section[data-section-id="64fdfd78bc5e31346301519b"] Thanks! Link to comment
tuanphan Posted September 19 Share Posted September 19 Can you take a screenshot? I don't see this section on homepage section[data-section-id="650104134757da31113891f2"] 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
tuanphan Posted September 21 Share Posted September 21 With first question, you need to set top section height, unless it will create gap on mobile You can use this CSS code @media screen and (max-width:767px) { [data-section-id="650104134757da31113891f2"] { min-height: Unset !important; height: 8vh !important; } } 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
jbholsters Posted September 21 Author Share Posted September 21 Tuanphan, that worked great. I tweaked the code so it works for both desktop and mobile. Seems to be working fine with both. Thanks!!! @media screen { [data-section-id="650104134757da31113891f2"] { min-height: Unset !important; height: .8vh !important; } } Any ideas about the roll over color in that mega menu? Link to comment
Solution tuanphan Posted September 25 Solution Share Posted September 25 On 9/22/2023 at 5:28 AM, jbholsters said: Tuanphan, that worked great. I tweaked the code so it works for both desktop and mobile. Seems to be working fine with both. Thanks!!! @media screen { [data-section-id="650104134757da31113891f2"] { min-height: Unset !important; height: .8vh !important; } } Any ideas about the roll over color in that mega menu? Use this CSS code /* mega menu links hover */ .show-mega-menu a:hover * { color: #ae8932 !important; } 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
jbholsters Posted September 25 Author Share Posted September 25 Thank you so much! worked perfectly 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