Responsivity issue

Hi,

I’m having some trouble with the responsivity of my columns.

I created a row split 50/50 and inserted a headline with an image as graphic. I want the image to be on the left and the text to be on the right of it and the only way I was able to do this was to switch “Wrap” to off in the headline, that seems to break the mobile version though, is there any way to achieve what I want to do and have it responsive as well?

So to be clear, I want the desktop version to look as it does, image on the left, text on the right, like this:

On mobile I want the image to be first, followed by the text, right now it looks like this:

I added the page in question and login info to the site in a secure note.

Thanks for the help!

Hey @Sandberg,

The page you posted is no longer available. Please provide the URL where we can see the issue.

Thanks.

Hi, sorry, I updated the url and forgot, the url is https://mundodeportivo.grc-media.com/

Hey Pontus,

I check your homepage and it keeps spinning the wheel. Please make sure that the theme is fully updated.

I also recommend the following troubleshooting procedures so that we can check your homepage setup.

  1. TESTING FOR THEME RELATED ISSUE
  2. TESTING FOR PLUGIN CONFLICT
  3. THEME UPDATE
  4. CHILD THEME
  5. CSS/JS CUSTOMIZATION
  6. VERSION COMPATIBILITY

Hope that helps and let us know how it goes.

Hi,

That’s weird, I can work on the site. There is an age gateway plugin activated that could be causing the issue for you, I disabled it for now so you can try again.

Thank you!

Hello Pontus,

I was able to log in to your site. Please edit your homepage and click your Headline element. You need to change the Flexbox Direction option from Row to Column when the screen gets smaller.

Best Regards.

Hi,

Thank you so much for the help, much appreciated!

Br,
Pontus

Hi Pontus,

Glad that we are able to help you.

Thanks

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.