Jinglepot

8 hours ago, tuanphan said:

Try adding to Design > Custom CSS

@media screen and (max-width:640px) {
.banner-thumbnail-wrapper figure img {
    width: 100% !important;
    left: 0 !important;
    height: auto !important;
}
.banner-thumbnail-wrapper {
    padding: 0 !important;
    height: 200px !important;
}
}

 

well now I can't remember what it looked like before but definitely sure the banners have changed, I think that extra little bit of height removed from the banner is alot better. Thank you 🙂

oh thanks for the reply, sorry it is https://www.jinglepotlandscaping.com

Not sure how I missed it but it does seem like I get 2/3 traffic on desktop, it doesn't look horrible but still a bit annoying.

On 7/11/2022 at 8:36 AM, tuanphan said:

Can you take a screenshot of banner? I don't see any banner image on homepage

I see you had helped out these two people here, I seem to have issues with banners on all pages on www.jinglepotlandscaping.com

on desktop the banners are wide and short, but they are full size square on mobile.  I’m not worried about part of the image being cut off just wanted to get hammer to a regular banner size.  Would this code you recommend above also work for me?  Would really appreciate any reply.  Thanks 

When I set this up years ago I didn’t ever realize that on desktop the banner is a nice long short rectangle but just noticing now on mobile, the banner for each page is the full size picture.  Is someone please able to help with the code to make the banner for each page cropped down to a basic long thin bar rectangle like it would be on desktop?  Very much appreciated