Mobile Responsive Header Image
-
Hi,
I have a header image that we created for our blog that will not scale on a mobile device. We just changed the theme of the blog to Expound to try to fix this issue, but it seems we need a CSS trick to help.
Does anyone know how to get the header image to scale instead of crop on mobile devices?
Blog I need help with: https://ilovejpl.wordpress.com
The blog I need help with is: (visible only to logged in users)
-
Try adding this to your existing custom CSS:
.site-header .site-branding { background-size: contain; background-color: #D6D6D6; background-position: center; } -
That worked, thank you! Do you know how to remove the tags from the pictures on the articles as well?
-
Hi, this will hide the categories from the blog posts on the main page.
.entry-thumbnail-category { display: none; } -
-
- The topic ‘Mobile Responsive Header Image’ is closed to new replies.