PaigeMariah26 Posted January 23, 2021 Share Posted January 23, 2021 Site URL: https://www.wearebloomvillage.com Hi, I just went to check out my new website in mobile view and noticed that only a small portion of the banner image on my home page is being displayed. Is there a way to fix this so that the entire banner can be viewed? Also, I have 6 navigation square buttons that are displayed 3 in each row on my website, in the mobile view they are displayed one after the other. Is there a way to change this as well? Any advice would be much appreciated. Thank you! website: https://www.wearebloomvillage.com Link to comment
tuanphan Posted January 24, 2021 Share Posted January 24, 2021 Add to Design > Custom CSS /* resize mobile banner */ @media screen and (max-width:640px) { section#new-page figure img { width: 100% !important; height: auto !important; left: 0 !important; } section#new-page { min-height: unset !important; height: 170px; } } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.