Image wont resize
Hi SiteOrigin-
Thanks for the great platform you’ve built.
I have two issue that I need help with:
ONE:
When I reduce the width of my browser to check on the responsive layout, the image in the center col doesn’t scale down. How can I make an image have responsive/auto scaling?
TWO:
I’ve also included top margins on the two outside cols to center the whole row vertically. However, I thought the margins would automatically disappear when the browser is resized. They don’t. Can you recommend a solution?
Thanks,
John
This is our free support forum. Replies can take several days.
Need fast email support? Get SiteOrigin Premium
Replies
1Hi John
Can you perhaps start us off as follows (we basically need to clean this up a bit):
Can you try moving all your CSS to Custom CSS. How? Each widget / row has an Attributes tab on the right when editing. It looks like you’re using the CSS Styles field right now. I’d like you to try rather using the CSS Class field, you can pick the class name, e.g:
Then under Appearance > Custom CSS you target that class:
.small-block-text { /* Here is where you insert your CSS styles from that widget/row */ }If you could then send me a temporary set of login details once that’s done:
[email protected]
I’ll then login and either:
1. Ideally try centering your content in a better way than absolute margin/padding numbers.
2. Worst case, drop that padding/margin on mobile using media queries.
Replies on this thread are closed.
Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.