Home>Support>Image Widget Title Text changes CSS properties below 780px width

Image Widget Title Text changes CSS properties below 780px width

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

This is a free community support forum. Replies are not guaranteed. If you need professional email support, please purchase a SiteOrigin Premium license.

  1. 6 months, 21 days ago Alex S Hi, I Work Here

    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.

  2. 6 months, 13 days ago Basti Funtasty

    Hi Alex.

    can i send you the domain via pm?

  3. 6 months, 12 days ago Alex S Hi, I Work Here

    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.

  4. 6 months, 12 days ago Basti Funtasty

    obviously private msgs are only for premium users xD

    here you are: https://goo.gl/EZmoyc

    and thank you!

  5. 6 months, 11 days ago Alex S Hi, I Work Here

    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.

  6. 6 months, 11 days ago Basti Funtasty

    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…

  7. 6 months, 10 days ago Alex S Hi, I Work Here

    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.

  8. 6 months, 9 days ago Basti Funtasty

    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

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.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More