Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • July 27, 2016 at 10:17 pm #665966
    mikesneider

    Hi, I have my web site with a grid row, and is divided half and a half
    https://www.dropbox.com/s/kdms6ebn3omg3ca/Captura%20de%20pantalla%202016-07-27%2015.11.58.png?dl=0
    In the right part i have a button that is aligned to left, but, I want in mobile size, that button is aligned to the center.

    I try doing this: (aparently is the center, but not)

    @media only screen and (max-width: 767px) {
	body div .avia-button{
	/*clear: both;
	/* line-height: 1.2em;  /* 1.65em; BOTON*/
	margin: 0 auto;
	 text-align: center;
	 position: absolute;
	 left: 30%;
	 float: left;

    and needer works, 

    @media only screen and (max-width: 767px) {
.avia-button-wrap {
    width: 100%;
}}
    July 30, 2016 at 5:45 pm #666844
    Josue

    Hey!

    Try adding this code to the Quick CSS:

    @media only screen and (max-width: 767px) {
    #top .flex_cell .avia-button.avia-position-left {
        float: none;
        display: inline-block;
        position: relative;
        left: 0;
        right: 0;
    }

    #top .flex_cell .avia-button-wrap {
        display: block;
        float: none;
        text-align: center;
    }
}

    Cheers! 
    Josue

    July 30, 2016 at 11:05 pm #666904
    mikesneider

    Yes, now works!!! Thank you

    July 31, 2016 at 1:39 am #666917
    Josue

    You are welcome, glad to help :)

    Regards,
    Josue

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Center a button with CSS’ is closed to new replies.