[Sayn]

Hi there,
Noticed that same row layout with one primary button set displays in seperate rows in mobile. It displays correct in desktop but wrong in mobile altough there is enough space for the elements to be in the same row.
Please let me know. Thanks

[Aakash]

Hi Sayn,

Yes, that is expected. On smaller screens, the button wraps to a new line by default.

When announcement content or the button text is long, the buttons take up most of the horizontal space which looks ugly.

To override this behavior, please paste the CSS below in your website theme settings.

@media only screen and (max-width: 800px) {
    .ancr-lo-same_row .ancr-container .ancr-cnt-inner{
        display: flex !important;
    }
    .ancr-lo-same_row .ancr-btn-wrap{
        margin: 0 1em !important;
    }
}

Hope this helps.

Thanks,
Aakash

[Author]

Posts