Wexley template displaying videos in line rather than in 2 colums on mobile

Hi,

Wexley is displaying my videos in 1 column rather than 2 columns on mobile. This is rather annoying. I found this post:

Which showed some CSS code however when I input the code into my site it does nothing for how things look on mobile. Here is a link to my website:

https://www.gskvideography.com/

You will need to head to the dance show filming section , or promotional videos section etc, to see that the columns do not exist on mobile and instead are displayed as a single row. Is there a solution to this?

Thank you

You can add this code to Website Tools (under Not Linked) > Custom CSS

@media screen and (max-width:640px) {
div#page-5e1f0e7924911f3b79a32e0c .span-12>.row:nth-child(2) .span-6 {
    width: 50% !important;
    float: left !important;
}
}

Hi so sorry for the late reply I didnt get an email alerting me to your reply.

I have used the CSS code in Website > Pages > Website Tools > Custom CSS

But it has not worked. Am I putting the CSS code in thr wrong place?

It looks like you added something to page so code structure changed since that time. Use this new code

@media screen and (max-width:640px) {
div#block-yui_3_17_2_1_1705057137277_8829+.row .span-6, div#block-yui_3_17_2_1_1693762350192_34417+.row .span-6 {
    width: 50% !important;
    float: left !important;
}
}

Hi again, it has worked on that specific page, but on other pages videos are displaying vertically.

Is this just an issue with the theme on mobile? Quite ridiculous imo

Thank you for your help

On 1/31/2024 at 7:09 PM, yan89432 said:

Hi again, it has worked on that specific page, but on other pages videos are displaying vertically.

Is this just an issue with the theme on mobile? Quite ridiculous imo

Thank you for your help

No. Each page will require a different code

You can share link to all pages where you have problem, I can give new code