Side by Side buttons on Mobile View

Site URL: https://www.ghoulsmagazine.com/film-reviews

Hello,

How can I get these 3 buttons to appear side by side on the mobile version?

https://www.ghoulsmagazine.com/film-reviews

no matter what I do they always end up stacked vertically.

Thanks for your help!

9 minutes ago, Lelelndn said:

Site URL: https://www.ghoulsmagazine.com/film-reviews

Hello,

How can I get these 3 buttons to appear side by side on the mobile version?

https://www.ghoulsmagazine.com/film-reviews

no matter what I do they always end up stacked vertically.

 

Thanks for your help!

Add this Design->Custom Css

section[data-section-id="5fedbe0d0e058f15c92b9a0d"]  .sqs-row .sqs-col-4 {
  width: 33.33% !important;
  float: left !important;
}

Hi bangank36,
Wow, thanks for your super fast answer. Can I add the above the the header injection or should that go somewhere else?

Sorry for my dumb question  but my coding skills are pretty much non-existent 😄

1 minute ago, Lelelndn said:

Hi bangank36,
Wow, thanks for your super fast answer. Can I add the above the the header injection or should that go somewhere else?

Sorry for my dumb question  but my coding skills are pretty much non-existent 😄

Go to Design->Custom css

man that worked like a charm. Thank you so much and Happy New Year BaNgan!

Hey BaNgan, I might just ask you something else if you don't mind.

https://www.ghoulsmagazine.com/

Is there any way to have the below section of the Home section to display like below on Mobile rather than vertically Stacked?

57 minutes ago, Lelelndn said:

Hey BaNgan, I might just ask you something else if you don't mind.

https://www.ghoulsmagazine.com/

Is there any way to have the below section of the Home section to display like below on Mobile rather than vertically Stacked?

Update for both

section[data-section-id="5fedbe0d0e058f15c92b9a0d"]   .sqs-row .sqs-col-4 {
  width: 33.33% !important;
  float: left !important;
}
section[data-section-id="5fedab5318d44937a9906d27"]  .sqs-row .sqs-col-6 {
  width: 50% !important;
  float: left !important;
}

Again, it worked perfectly. Thank you so much. Just out of curiosity, what's the logic behind

sqs-row .sqs-col-4   and    sqs-row .sqs-col-4 ? 

I'm asking cause if I understand that i might be able to apply this code to other pages as well for items in different section of those pages.

Thanks for everything! 🙂

I got it looking at the source code! thanks Again 🙂