Header Image Resizing For NATURAL Theme
-
Hi guys,
I have a header image that doesn’t resize properly when it is viewed on mobile’s and is cropped. I know that dynamic themes do this and apparently this theme isn’t dynamic.
I really like the them though and was hoping for a solution.
I know that CSS coding might help but also have read that every theme is different.
So can someone help me out with the CSS coding and/or any other options open to me.
Thank you.
The site is mandalamassageleura.comThe blog I need help with is: (visible only to logged in users)
-
Hi mandalaleura
Try adding this line of CSS.
#custom-header .header-img { min-height: auto; }To add custom CSS
Select Appearance > Customize > CSS from your Admin Dashboard and enter the custom CSS there.
-
Thanks for the response, g471n.
I put the code in but it only cropped and narrowed the header on the pc display and did nothing for the mobile header :( -
Oh yes, I see what you mean. I only previewed the change in my browsers developer tools mobile simulation. Let me have a closer look and find a solution.
-
This should give you a better result.
@media only screen and (max-width: 500px) { #custom-header .header-img { min-height: auto; } } -
I so absolutely appreciate your efforts, g471n, but it still doesn’t seem to be working, i’m afraid :(
-
@media only screen and (max-width: 500px) { #custom-header .header-img { min-height: auto; } } -
The apostrophes at the beginning and end were not supposed to be there. Sorry for the confusion.
If it’s still not working correctly, please leave the code in the CSS customizer and let me have another look at it.
-
-
-
HI g471n,
Thanks again for your perseverance. Unfortunately, still not working with the new coding you provided.
Have left it in the CSS customizer as you mentioned.
Fingers crossed you can find a solution and thanks again for taking the time :) -
Forget my last comment, g471n, it does work! It just doesn’t on Internet Explorer for some reason, but works in the other browsers.
Thanks so much.
I really appreciate your time and patience :) -
-
- The topic ‘Header Image Resizing For NATURAL Theme’ is closed to new replies.