Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • Sayn
    Participant

    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
    Keymaster

    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

Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.

Subscribe to our Newsletter

Get updates on the WordPress plugins, tips and tricks to enhance your WordPress experience. No spam. View newsletter

By using this website, you agree to our Terms