Natal Posted March 23, 2023 Share Posted March 23, 2023 I'm trying to centrally vertically align the content in the header of this site. It's fine in desktop mode, but when i go to mobile view the logo and menu button are aligned to the base of the header. I want them to be centrally vertically aligned. Couldn't see any options to change this. Any ideas how to change this? Thanks Link to comment
tuanphan Posted March 25, 2023 Share Posted March 25, 2023 Hi, What is site url? We can check problem 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
Natal Posted March 25, 2023 Author Share Posted March 25, 2023 16 minutes ago, tuanphan said: Hi, What is site url? We can check problem easier Hi, thanks it's www.puretungsten.ca Link to comment
tuanphan Posted March 29, 2023 Share Posted March 29, 2023 What should it look like? 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
Natal Posted March 31, 2023 Author Share Posted March 31, 2023 On 3/28/2023 at 11:34 PM, tuanphan said: What should it look like? The logo and menu button at the top should be vertically centralised. At the moment they're sitting on the baseline of the navigation bar . Link to comment
Solution tuanphan Posted April 5, 2023 Solution Share Posted April 5, 2023 Add to Design > Custom CSS /* Fix align mobile menu */ @media screen and (max-width:991px) { .header-announcement-bar-wrapper { padding-bottom: 6vw !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
Natal Posted April 9, 2023 Author Share Posted April 9, 2023 On 4/4/2023 at 10:27 PM, tuanphan said: Add to Design > Custom CSS /* Fix align mobile menu */ @media screen and (max-width:991px) { .header-announcement-bar-wrapper { padding-bottom: 6vw !important; } } Thanks 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