markadekoning Posted May 1, 2023 Share Posted May 1, 2023 Hi guys, I'd like to change the header height on mobile only. Website: www.thehomecollective.com.au pword: Torquay1! I have this code for header height on desktop: .tweak-fixed-header .header .header-announcement-bar-wrapper { padding-top: 1.5vw !important; padding-bottom: 1.5vw !important; } Thanks. AshwinG 1 Link to comment
Solution tuanphan Posted May 2, 2023 Solution Share Posted May 2, 2023 Add this code under @media screen and (max-width:767px) { .tweak-fixed-header .header .header-announcement-bar-wrapper { padding-top: 2vw !important; padding-bottom: 2vw !important; } } AshwinG 1 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
Belizabeth Posted May 6 Share Posted May 6 I am having the same issue. My mobile header is taking up too much space. Any help is greatly appreciated! www.elizabethlovestoorganize.com Link to comment
tuanphan Posted May 6 Share Posted May 6 3 hours ago, Belizabeth said: I am having the same issue. My mobile header is taking up too much space. Any help is greatly appreciated! www.elizabethlovestoorganize.com Use this code to Website > Website Tools > Custom CSS @media screen and (max-width:767px) { div.header-announcement-bar-wrapper { padding-top: 1px !important; padding-bottom: 1px !important; } [data-section-id="6631c9bd55a2de432d051a18"] { padding-top: 100px !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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment