Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].
Hey guys,
sorry if this question was already posted, but i couldn’t find anything.
I’ll try to state my problem in words first :)
I have 1 row with 3 columns, in the center one of which the SiteOrigin Image Widget is placed.
When viewing in desktop-mode, the title text has the same width as the image, which is a 3rd of the total width.
Now, when I view it in 780px or less in width (@media and (max-width: 780px)), the center column will lose the width property, and becomes a flexbox, which will cause the title text to have full width.
Should I just remove the flexbox and give the div the same width as in >780px?
Sorry again about posting this, and thanks in advance for your reply!
Keep up the great work guys. You’re awesome!
All the best, Basti
Hi Basti,
Do you have a public URL where we can take a look at your setup? Based on what you described, I would consider disabling the flexbox but it may not be required – it really depends on your setup.
Hi Alex.
can i send you the domain via pm?
Hi Basti,
Unfortunately, there’s no way for non-premium users to privately reply at this time. I would recommend using a short link service to mask the link such as goo.gl.
obviously private msgs are only for premium users xD
here you are: https://goo.gl/EZmoyc
and thank you!
Hi Basti,
To clarify, is this the widget title you’re referring too? I ask as that’s the only widget title I was able to find but it doesn’t align with the image (sizing wise either) so I’m not too sure if this is the widget you’re referring.
you’re right. that’s the one. i’m sorry alex, i had the row layout changed, because i wanted it to look the same on all devices.
now it should again behave as i described…
Hi Basti,
Please open the row housing the relevant widget title and image, and head over to the row styles sidebar. Open the Layout settings group and set the Collapse Behaviour to No Collapse and save. How does that look? I recommend looking at removing the two blank columns in favor of applying padding to get the desired results.
well alex,
great idea i have to say ;) thank you so much!
sometimes it’s just the best to let a second pair of eyes have a look!
have a great one!
all the best,
basti