Tagged: 

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • December 23, 2017 at 6:35 pm #891835
    santanin

    Hello. I searched the forums trying to find an answer to my specific situation, but was unable to find one. The URL to the page is in the Private Content section since the website is still being developed.

    Basically, I have 50 buttons on a page, with 1 button in a 1/5 Column. So ten 1/5 columns, each with 1 button element. I have the buttons aligned centered. On a desktop screen, the buttons appear next to each before going to the next line. This is great. But on a mobile device, the buttons just stack on top of each other, one on each row. How can I have buttons appear next to each other (if there is enough width) on mobile devices? You can see the way it looks with the link in the Private Content section.

    Thank you!

    December 23, 2017 at 9:31 pm #891859
    Mike

    Hey santanin,
    Try this code in the General Styling > Quick CSS field:

    @media only screen and (max-width: 767px) {
.responsive #top #wrap_all .av_one_fifth {
    margin: 0!important; 
    margin-bottom: 20px!important; 
    width: 49%!important; 
    float: left!important; 
    clear: none!important; 
}
}

    please see screenshot in Private Content area

    Best regards,
    Mike

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.