On iPhone, display Left positioned module below content instead of above content

Danimeeka
Active member
Topic Author
Member

1 day 3 hours ago #51807 by Danimeeka

On iPhone, display Left positioned module below content instead of above content was created by Danimeeka

Hi,

My website is at totalfootcare.com.au/j5/ and I am specifically looking at the contact-us page. I have a Left positioned module which displays nicely on a computer screen. On a smart phone the module positions above the main content. How can I make it position below the main content instead?

Many thanks,
Julia.

Please Log in to join the conversation.

milos
Support Staff
Moderator

23 hours 16 minutes ago #51810 by milos

Replied by milos on topic On iPhone, display Left positioned module below content instead of above content

Hello,

If you move the side module from the left to the right side (change the module position), it will stack below the main content on mobile devices.

Also, you can add this custom CSS code to achieve what you need without changing the module position:

Code:

@media (max-width: 767px) {
  .contentrow > .sparky_container {
    display: flex;
    flex-direction: column-reverse;
  }
}

Regards,
Milos

The following user(s) said Thank You: Danimeeka

Please Log in to join the conversation.

Danimeeka
Active member
Topic Author
Member

2 hours 53 minutes ago #51812 by Danimeeka

Replied by Danimeeka on topic On iPhone, display Left positioned module below content instead of above content

Perfect Milos. Thank you.

Please Log in to join the conversation.

Time to create page: 0.152 seconds