[writerlulu]

Currently, everything in my site is responsive/scalable for mobile, but the header image is not. That makes for a less than desired home page when viewed on phone or tablet.

Is there a way to fix this? I have the header set to full width—not sure if it helps to constrain the width. Help! 🙂 lindabattsonart.com

[sapana]

@writerlulu:Actually, header image is in responsive view the header will get cropped and this is how the theme is designed.
However, the whole image can be displayed using the CSS in responsive view but header image size will be decreased and there will be design issue , if you are ok with that then you can put this code
Go to=> Appearance=> Customize=> Additional CSS=> add the following css code

@media screen and (max-width: 1024px) {
    .custom-header::before {
	background-size:contain
	}
}

@media screen and (max-width: 750px) {
   .custom-header::before {
      background-size:contain
      }
}

let me know if this helps you out!

Kind Regards,
Sapana

[Katarina]

Hello! Are you still working on your website? If so, it’s understandable that there is nothing in Art, Shop, and Blog sections.
I have some tips for your website.
I like the design of your site but this cursive font is unclear. I could not read the words immediately. I recommend changing the font.
You need to add a contact page and some credentials also.
Your website is e-commerce related. That’s why think of using WooCommerce (WordPress plugin)
If you need some help, feel free to ask me or contact me via the website.

[Anonymous]

If You are using a custom coding then in bootstrap you can use the following code:
img-responsive to the class.and if you are getting the problem in wordpress you can use the following code in the mobile view.I used the same code on my website and its running absolutely fine.

@media screen and (max-width: 750px) {
.abc::before {
background-size:contain
}
}
Thank you
Preet

[writerlulu]

Yes, I’m only just creating the site…focusing on the bones and design before filling out the flesh. Thanks!

[writerlulu]

Hi Katarina,

Yes, I’m currently making sure the bones and design are ready before I activate my woocommerce shop and pages. Thanks for the offer to help!

[writerlulu]

@sapana

Thanks! Is there a way to indicate a different top padding or header image for mobile? If not, I will likely keep it as is. 🙂

@katarina

Do you mean the cursive (hand-written) font? It’s part of my product aesthetic. If it’s something else though, I would love to know so I can consider changing it.

[sapana]

@writerlulu: As per my suggestion it will be better if you use the normal set up of the theme, if you add padding also design does not look that better and you need to make other more changes in theme which makes it more complicated.
If there’s anything else at all that I can do to help,don’t hesitate to let me know.

Kind Regards,
Sapana

[Author]

Posts