Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • September 23, 2017 at 6:13 pm #855839
    mckeown2

    HI there,

    I’d like to centre the 2 buttons on my home page (About Us and Publications) so that they are in line when viewed on a mobile device. I also would like to remain centred side by side on a desktop.

    Can you please provide with the code to do so?

    Thanks

    Colm

    September 24, 2017 at 6:57 pm #856189
    Victoria

    Hey Colm,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    

@media only screen and (max-width: 479px) {
  #top .avia-button.avia-color-light {
    margin: 0 auto;
    width: 80%;
}
.home .av_one_half .avia-button-left {
     padding-left: 0px; 
    width: 100%;
    margin-bottom: 20px
}
.home .av_one_half .avia-button-right {
    padding-right: 0px; 
    width: 100%;
}
.avia-button.avia-position-right, .avia-button.avia-position-left {
     float: none; 
}
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.