Have 3 Column Section Stack On Mobile

[Explore-Sherpa]

I am trying to have a "text column with pictures" section stack on mobile, but stay the same on desktop. Currently on mobile, only the first column shows up. Any advice or custom CSS would be greatly appreciated.

I am using an influence theme

Link: https://www.exploresherpa.com/pages/our-process 

[BSSCommerce-B2B · Accepted solution]

Hi @Explore-Sherpa , 

I have reviewed your requirement, you just need to edit css script and the issue will be resolved.  You can follow my instructions! 

Step 1: Go to Admin -> Online store -> Theme > Edit code:

Step 2: Search for the file theme.css. And add this code snippet to the end of the file.

@media screen and (max-width: 767px) {
  .relative.overflow-hidden ul {
    display: flex !important;
    flex-direction: column !important;
  }
}

In this step, you use this css script for mobile view.

Step 3: Save your code and reload this page.

=>> The result: 

I hope these instructions will help you. If they are helpful, please give us likes and mark as the solution.

Have a nice day sir!