Hello,
When in mobile mode (only needed in mobile mode for screens size 767px and smaller), I am trying to align 3 red buttons which each currently sit in a column (3 columns wide) on the homepage.
I’ve added the code below, and class name to the section and row, but doesn’t seem to work… What would I be missing?
@media screen and (min-width: 480px) and (max-width: 979px) {
.align-center .x-container.marginless-columns .x-column, .align-center .x-container.marginless-columns .x-column img {
left: 50% !important;
transform: translateX(-50%) !important;
text-align: center !important;
}
}