Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • April 23, 2018 at 8:00 am #945283
    ehdavies

    On my landing page the buttons are 4 across in desktop view to reflect the columns they sit in. On all smaller devices this changes to 1 button. Is there a way on tablets for this to be 2 across and on mobiles 1 across? I could create device specific sections but was wondering of this could be done with CSS.

    Thanks

    Huw

    April 23, 2018 at 10:47 pm #945586
    Yigit

    Hey Huw,

    I edit your column elements and gave them “button-col” custom class and then added following code to bottom of Quick CSS field

    @media only screen and (max-width: 768px) and (min-width: 481px) {
.responsive #top #wrap_all .flex_column.button-col {
    width: 50%;
}}

    Please review your website

    Best regards,
    Yigit

    April 24, 2018 at 6:57 am #945698
    ehdavies

    Thats excellent Digit – you are a star!

    Thanks

    Huw

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Buttons on tablets’ is closed to new replies.