Karen147 Posted August 23 Share Posted August 23 Hi, I used CSS code to create a second button on my header and they are showing properly on both desktop and mobile. But when I click on the hamburger icon (mobile header) the second button disappears. What extra code can I add to make both buttons visible here? Appreciate any comments and support! Link to comment
tuanphan Posted August 24 Share Posted August 24 Can you share site url? We can check easier 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
Karen147 Posted August 24 Author Share Posted August 24 Yes, my website is https://www.poolangelofficial.com/ Link to comment
Solution Lesum Posted August 24 Solution Share Posted August 24 @Karen147 Hi! You can add this code in Website > Pages > Website Tools > Custom CSS to address the issue: .header--menu-open a.second-button { color: #000 !important; } If my comments were useful, please like or mark my solution as answer so others can scroll to it quickly. Sam Web Developer & Digital Designer ☕ Did you find my contribution helpful? Buy me a coffee? Link to comment
Karen147 Posted August 25 Author Share Posted August 25 @Lesum I would also like to remove these two buttons when opening the hamburger menu now that they are showing in the main 'header' - do you have a code for this please? Link to comment
Lesum Posted August 25 Share Posted August 25 @Karen147 You can add this code to hide the buttons when the hamburger menu is opened .header--menu-open .header-menu-cta { display: none; } If my comments were useful, please like or mark my solution as answer so others can scroll to it quickly. Sam Web Developer & Digital Designer ☕ Did you find my contribution helpful? Buy me a coffee? 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