Inline buttons

Support
#1

how would I keep these buttons on the one line when the page is accessed by a small screen phone?

#2

Hi Wayne,

Please add this code to the Element CSS of the column that contains the button elements:

@media (max-width: 341px) {
    $el .x-anchor-button {
        width: 20%;
    }

    $el .x-anchor-button .x-anchor-text {
        margin: 0;
    }

    $el .x-anchor-button .x-anchor-text .x-anchor-text-primary {
        font-size: 0.8em;
    }
}

Hope this helps.

#3

thanks that keeps the buttons inline but there is just a small issue with the text in the permit button not being centered, is that possible to fix?

#4

dont worry about it have sorted out, thanks

#5

Glad to hear you got it sorted, Wayne.

Cheers!

#6

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.