Columns wont display side by side on mobile

Home › Forums › Jevelin Theme › Columns wont display side by side on mobile

Home › Forums › Jevelin Theme › Columns wont display side by side on mobile

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    RESOLVED Posts

  • bill9000
    Participant

    I have a two column setup to display only on mobile and on mobile, it will not display side by side, (I’m just trying to get two small buttons side by side)

     

    how do I get the columns to work on mobile?

     

    url is: https://cvpphoto.com

     

    thanks

    Attachments:
    You must be logged in to view attached files.

    Shufflehound Support
    Moderator

    Hi @bill9000,

     

    I hope you are well today and thank you for your question.

     

    I don’t see it on your shared site so could you please display it so that I can help you?

     

    Best regards,
    Shufflehound team

    bill9000
    Participant

    Hi,

    I gave a screenshot and the url,. here’s the screenshot again, I circled the two buttons… and in this screenshot, you will also see the page builder where it’s TWO columns side by side, but they won’t show side by side on mobile, even though the buttons are small enough.

     

     

    Attachments:
    You must be logged in to view attached files.

    Shufflehound Support
    Moderator

    Solution for this topic

    You can achieve it by adding the following CSS code in the Custom CSS code option of your theme on the below path.

     

    Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code

     

    .sh-section-e9d6395790acb20a850065d5fb79b540.sh-section-visibility-mobile .sh-column{
    width: 50%;
    float: left;
    }

    bill9000
    Participant

    thank you!

    Shufflehound Support
    Moderator

    You are most welcome here 🙂

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)