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
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
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
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
Changed the font slightly and now it’s fine.
You can mark as resolved
many thanks
Kim
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