Problem with column reverse?

Support
#1

Hi guys,
we have a problem with the column reversal on mobile https://prnt.sc/XXVaV_9UxrnP

Everything is set to reverse the columns on mobile only, but it doesn’t actually reverse them, either in the editor or the frontend?

I’m trying to reverse the columns here -> https://staging6.kryptonitecreative.com/going-online-part1/
https://prnt.sc/CGk1vyWvM0Yk

Now it’s text/image, on mobile it should be image/text!

Can you help us why this is happening?

Greetings

#2

Hello @kcreative,

Thanks for writing to us.

I tried to access your site dashboard but the given details are not working. I would suggest you please recheck and send us again. I noticed that the default login URL is not working and the given login URL requires a password, please note the password you have shared is not working there.

Thanks

#3

Hi @prakash_s,
Seeing the URL you are trying to enter from, will not do!

You are not trying to log into the site dashboard, you are trying to open a page from the site that is locked with a password that I also wrote in the note! (FrontEnd Pass )

the correct login url ( to the dashboard ), username and password are in the secure note!

Greetings

#4

Hi @kcreative,

The Column Reverse option is available for the Multi Column structure in Row, but you have set the One column for the Mobile, and that is why the option is not working.

image (17)
image (17)467×547 15.4 KB

To make the column order reverse only in mobile, the following custom CSS code needs to be added to the Element CSS of the parent Row.

@media screen and (max-width: 766.98px)
{
    $el .x-row-inner 
    {
        flex-flow: column-reverse ! important;
    }
}

Please remember that the above code will work if copied as it is and doesn’t conflict with any existing style.
Please note that the code provided serves only as a guide to help you get started custom coding on your own if there’s no option offered in our theme or the products we bundle.
We do not provide support for custom codes which means we can’t fix it in case it conflicts with something on your site nor will we enhance it. Further customization should be directed to a third-party developer or you can avail of One, where we answer the questions beyond normal theme support.

Thanks

1 Like
#5

hi @tristup,
thanks for the quick response to our problem!

That helped!

Problem solved!

Greetings

#6

Hi @kcreative,

Glad that we are able to help you.

Thanks

1 Like
#7

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