DoppyG Posted July 4 Share Posted July 4 Hi there, The spacing of the "Contact" option on my nav-bar is uneven. I think this is because of some CSS I added to stop icons moving when they bolden with hover. Would appreciate it if anyone had a suggestion for making it even. https://www.sashacoalition.org/ Here's the CSS I added: /* Adjust the position of the dropdown */ .header-nav-folder-content { position: absolute; left: 50% !important; right: unset !important; -webkit-transform: translatex(-50%); -o-transform: translatex(-50%); transform: translatex(-50%); background: white !important; } div.header-nav-item>a:after, span.header-nav-folder-item-content:after { content: attr(data-text); content: attr(data-text) / ""; height: 0; visibility: hidden; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; display: inline-block; font-weight: bold; } /*bold on hover nav bar*/ div.header-nav-item>a:hover, span.header-nav-folder-item-content:hover { font-weight: bold; } Link to comment
tuanphan Posted July 6 Share Posted July 6 It is not related to Custom Code. Because you entered a blank symbol before text, so it causes problem. You can access Website > Main Navigation > Edit "Contact" item >> Remove any blank space before text. 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