Header size smaller in mobile view
-
Hello,
I’m in need of help with my header image. I used the proper image size per my theme, but in mobile view my image is smaller than I would like. I tried using this code:
@media only screen and (max-width: 960px) {.header-image .site-title > a {min-height: 90px;}}but this only removed some negative space surrounding my header. Does anyone have any custom css suggestions for my site?
https://www.thelazyregimen.com
Thank you
-
Hello @jdahmason8fe29fe391,
Can you remove your css code and add the following css code.
@media only screen and (max-width: 960px){ .site-header .wrap { padding: 0; } } -
-
Hi @jdahmason8fe29fe391 – We’re glad you were able to find some CSS help from @tenchoenyi! A few items we’ll need to point out below.
The support forums at WordPress.com are for sites hosted on WordPress.com servers, which your site isn’t unfortunately. Quite simply, our support tools aren’t designed for supporting sites on other hosts. Because of this, we’re not going to be the best direct support for your future questions. Where you can find more relevant help will be in the WordPress(.org) community support forums here: https://wordpress.org/support/forum/how-to-and-troubleshooting/
“What is the difference between WordPress.com and WordPress.ORG?” Here’s a little writeup we’ve put together to try to help: https://wordpress.com/support/com-vs-org/
Lastly, if you have questions about your 3rd party theme (Chamomile) provided by Bluchic, we highly recommend going straight to Bluchic with your questions. The question or issue you have could be impacting other users and the creators would benefit greatly from that knowledge (such as your header image on mobile issue).
We’re happy to have you stop by and your site is looking great!
- The topic ‘Header size smaller in mobile view’ is closed to new replies.