Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #855839

    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

    #856189

    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

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