Navigation
Archive / Button padding in mobile view
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • February 12, 2017 at 4:57 pm #1368151
    ladiesfieldday
    Participant

    Hi,
    My home page has a five-column row with buttons. They look good on the desktop, but in mobile view the buttons stack on top of each other (see attached image). How can I add space between them in mobile view?

    http://www.zoeyork.com/newsite

    I found an older post in the forum that suggests adding the following code to the Customizer, but that only created padding after the first button.

    .x-btn {
    margin-bottom: 10px;
    }

    Any suggestions? Thanks!

    February 12, 2017 at 10:30 pm #1368426
    Rupok
    Member

    Hi there,

    Thanks for writing in! You can use this :

    .x-btn {
    margin-bottom: 10px!important;
}

    But it will be applied to all buttons. You can use this instead for the specific buttons :

    .home #x-section-2 .x-btn {
    margin-bottom: 10px!important;
}

    Cheers!

    February 13, 2017 at 12:24 pm #1369284
    ladiesfieldday
    Participant

    That’s great – thank you!

    February 13, 2017 at 2:59 pm #1369495
    Friech
    Moderator

    We’re delighted to assist you with this.

    Cheers!

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1368151 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>