This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Image Widget Title Text changes CSS properties below 780px width

Resolved 8 replies customizationpluginplugin-siteorigin-css
Basti Funtasty
8 years ago · Last reply by Basti Funtasty 7 years ago

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 our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

8
  1. Alex S Staff 7 years, 11 months ago

    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. Basti Funtasty 7 years, 11 months ago

    Hi Alex.

    can i send you the domain via pm?

  3. Alex S Staff 7 years, 11 months ago

    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. Basti Funtasty 7 years, 11 months ago

    obviously private msgs are only for premium users xD

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

    and thank you!

  5. Alex S Staff 7 years, 11 months ago

    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. Basti Funtasty 7 years, 11 months ago

    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. Alex S Staff 7 years, 11 months ago

    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. Basti Funtasty 7 years, 11 months ago

    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.

Have a different question or issue?

Start New Thread