_yohandeschamps_ Posted August 3, 2023 Share Posted August 3, 2023 Hello I am trying to give some margin-top to my drop down menu, as the background overlaping the links line . The margin top will work, but the gap will make the dropdown unclickable. Any idea how could i fix it ? Thank you. Yohan D Website:https://www.yohandeschamps-photography.com/ Link to comment
Solution tuanphan Posted August 4, 2023 Solution Share Posted August 4, 2023 My idea is Add a blank item to top of Dropdown Menu Use code to make this item invisible Use code to make Dropdown Transparent Use code to set Dropdown Items (from item 2, 3, 4...) background color Add a blank item to top of Dropdown Menu, then Don't remove any code in your current code then use this code in Custom CSS box a.header-nav-folder-title:hover+div, .header-nav-folder-content { padding-top: 0 !important; background-color: Transparent !important; } div.header-nav-folder-content>div:first-child { visibility: hidden; opacity: 0; } div.header-nav-folder-content>div:not(:first-child) { background-color: var(--siteBackgroundColor); padding-left: 30px !important; padding-right: 30px !important; } div.header-nav-folder-content>div:nth-child(2) { padding-top: 10px !important; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
_yohandeschamps_ Posted August 4, 2023 Author Share Posted August 4, 2023 Fantastic job @tuanphan. As it was cutting off one of my links, i just set an empty page as Item 1. Link to comment
tuanphan Posted August 4, 2023 Share Posted August 4, 2023 So did you solve or still need help? The domain haven't connected complete with SS yet so I can't access it now Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) 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