Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #1052702

    Hello,

    Is there a way to centre the buttons when using portrait version on a tablet/ipad.

    I did find some CSS on previous topics but none seem to be working. I recently used this #

    .avia-button-wrap.avia-button-center {
    margin: 0 auto;
    display: block;
    }
    Is there some coding that could be used to centre them throughout the site?

    Logins below

    Many thanks in advance
    Kim

    #1052901

    Hey bauchope,

    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 (min-width: 768px) and (max-width: 1023px){
      #top #av_section_2 .flex_column_table_cell {
        padding: 20px !important;
      }
    }
    

    If you need further assistance please let us know.

    Best regards,
    Victoria

    #1053740
    This reply has been marked as private.
    #1053990

    Hi Kim,

    Can you try using this css code:

    @media only screen and (min-width: 768px) and (max-width: 1023px){
      #top #wrap_all .flex_column_table_cell {
        padding: 20px !important;
      }
    }

    Hope it helps.

    Best regards,
    Nikko

    #1054173
    This reply has been marked as private.
    #1054909

    Hi Kim,

    Can you give a screenshot on how it looks on your end? since I can’t seem to see it on my end.
    Would you prefer if the font size is adjusted? maybe that’s causing the issue or maybe just change the 3 columns to 1?

    Best regards,
    Nikko

    #1055060

    Changed the font slightly and now it’s fine.

    You can mark as resolved

    many thanks

    Kim

    #1055108

    Hi Kim,

    Glad that we could help :)
    Feel free to create a new thread if you need assistance.
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

Viewing 8 posts - 1 through 8 (of 8 total)

The topic ‘I need to centre buttons in portrait version of website’ is closed to new replies.