Please see the home page at dburkelaw.com At the top of the page are two images of the primary attorneys with text between them. This looks terrible on mobile. How can I add css or format the images themselves as well as the content to provide a better mobile experience? Is there a way to control just the size of the image itself on various screen sizes? Dozens of X licenses and highly recommend this excellent theme. Thanks for the help!
Hello @NeilRain,
Thank you for the details. I have inspected your homepage and I am seeing a basic page created with content bands. Did you use WPBakery Page builder in building this page? If not not, then you just simply must have inserted content band shortcodes, texts and images. The images should have been added before the the text heading. Please edit the page and modify it so that the images will separate from the text in mobile and then please add the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)
@media(max-width: 979px){
.alignleft,
.alignright {
float: none;
margin: 0 auto;
}
}
If nothing is working for you, please provide us access to your site in a secure note when you reply so that help you fix your image alignments in smaller screens.
Regards.
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.