Navigation
Archive / Center button on mobile only
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • July 4, 2016 at 4:55 pm #1072030
    kateanita
    Participant

    Hello – looked through the forums and couldn’t find this answer specifically. I want the button under the section “Welcome to Valenti International” to be centered on mobile only. I want it to float left on desktop which it is currently. See site here: http://dev.stapkodesign.com/

    I want the button centered on mobile only. I tried this media query on custom CSS but couldn’t get it to work.

    
@media (max-width: 480px) {
.x-btn.x-btn-regular.x-btn-square {
    max-width: 480px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    float: none !important;
  }
}

    Also tried just x-btn as well and that didn’t work either..

    Thank you in advance for your help!

    Katie

    July 4, 2016 at 6:20 pm #1072077
    Darshana
    Moderator

    Hi there,

    Could you please try using the following code instead. 

    
@media (max-width: 480px) {
  #x-content-band-3 .x-btn.x-btn-square.x-btn-regular {
    display: block;
    float: none !important;
    margin: 0 auto !important;
  }
}

    Hope that helps.

    July 4, 2016 at 7:25 pm #1072113
    kateanita
    Participant

    That worked, thanks so much!

    July 4, 2016 at 8:03 pm #1072240
    Nico
    Moderator

    Happy to hear that.

    Feel free to ask us again.

    Thanks.

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