Navigation
Archive / Aligning buttons horizontal on all devices/screen widths
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • August 3, 2016 at 9:22 am #1115431
    Marco
    Participant

    Hi,

    A have a question. I’ve managed to align buttons horizontal. But to make it work on all devices I used different sections for different screensizes. How ever I think it can also be done with @media. Is this possible and what would be the css?

    I use the ‘Feature box’ with a custom class.
    This is my custom .css:
    .feature-box-home {
    min-height: 310px;
    }
    .feature-box-home-mobile {
    min-height: 420px;

    url test. quin fox .com

    Thx in advanced!

    August 3, 2016 at 9:26 am #1115436
    Marco
    Participant
    August 3, 2016 at 9:28 am #1115438
    Marco
    Participant

    And some other screenshots 🙂

    August 3, 2016 at 9:29 am #1115440
    Marco
    Participant

    🙂

    August 3, 2016 at 9:30 am #1115441
    Marco
    Participant

    :-))

    August 3, 2016 at 10:30 am #1115544
    Joao
    Moderator

    Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

    August 3, 2016 at 11:29 am #1115621
    Marco
    Participant
    This reply has been marked as private.
    August 3, 2016 at 12:36 pm #1115750
    Thai
    Moderator

    Hi There,

    Please add the following CSS under Customizer > Custom > Global CSS:

    .feature-box-home {
    text-align: center !important;
}

    After that add feature-box-home to your columns.

    Hope it helps 🙂

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