Andrea_K Posted October 29, 2023 Share Posted October 29, 2023 Hello! I'm having an issue where the mobile dropdown menu button is not in alignment with the right side margins of the rest of my site. It looks like it is inset more than the rest of my site—not too noticeable in mobile edit mode on desktop, but very noticeable when I have it pulled up on my phone (pictures included below for reference). I'm not sure if this is a margin or padding issue with the button, but I'm hoping to get the button in alignment with the right margin of the rest of my site. Any ideas? Thanks in advance! Website: andreakloehn.com Password: flute43 Link to comment
Shristi Posted October 29, 2023 Share Posted October 29, 2023 Hi @Andrea_K, I have had the same issue. Unfortunately, I haven't come across a setting where I can edit the padding for the Mobile view for the header. However, I changed the padding for the banner section to match the padding of the header. That way it looked more cohesive. Link to comment
Solution tuanphan Posted November 3, 2023 Solution Share Posted November 3, 2023 You can add this code to Website > Website Tools (under Not Linked) > Custom CSS button.header-burger-btn.burger { padding-right: 0px !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
Andrea_K Posted November 12, 2023 Author Share Posted November 12, 2023 Thank you @tuanphan, that 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