Make Header Smaller On Mobile
-
My header looks much bigger on mobile than it looks on desktop. I’m trying to make it look proportional, but I’m having trouble. The width is good, I’m trying to decrease the height.
I tried this but it didn’t solve anything:
@media screen and (max-width: 480px) { header { height: 50%; } }
Viewing 4 replies - 1 through 4 (of 4 total)
-
There’s a lot of odd padding in your header.
@media only screen and (max-width: 719px) { .header-ads-mobile #header-widgets { padding-top: 0; height: 0; } }seems to fix things
To add CSS: use the “Additional CSS” option in the customizer. https://codex.www.ads-software.com/CSS#Custom_CSS_in_WordPress
Learn to use the Chrome Developer Tools to help you see and test changes to your CSS.
If there are additional issues, I recommend asking at https://www.ads-software.com/support/theme/hueman#new-post so the theme’s developers and support community can help you with this.
Viewing 4 replies - 1 through 4 (of 4 total)
- The topic ‘Make Header Smaller On Mobile’ is closed to new replies.