Fotos not right on mobile version

Hey rixi,

This CSS is applying flex to those columns at all screen widths:

.flex_column_table.av-b89tuv-2ea65aa8eb05e705e15b4e8def83cf9b {
    display: flex!important;
    justify-content: center!important;
}

It doesn’t seem to be coming from a theme file, maybe you know where it’s added? If you find it, then you wrap it in a media query in order for it not to apply to mobile devices.

Best regards,
Rikard

Hi,

If you don’t want that code to apply on mobile, then you need to place it in a media query:

@media only screen and (min-width: 768px) {
  Your code goes here
}

Best regards,
Rikard

• This reply was modified 1 year, 10 months ago by Rikard.

Hi,

That media query will apply to mobile only. Did you try the media query I posted earlier?

Best regards,
Rikard

Hi,

You are still using the wrong media query, and it’s missing an ending curly bracket. Please try this instead:

@media only screen and (min-width: 768px) {
.flex_column_table.av-b89tuv-2ea65aa8eb05e705e15b4e8def83cf9b {
    display: flex!important;
    justify-content: center!important;
}
}

Best regards,
Rikard

Hi,

You had this in both Quick CSS and in the WordPress customiser:

.flex_column_table.av-b89tuv-2ea65aa8eb05e705e15b4e8def83cf9b{
	display:flex!important;
	justify-content:center!important;
}

I removed that for you, and it’s working now.

Best regards,
Rikard

Hi,

I’m glad that we could help you out. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard