Event not showing full width on smartphone or tablet

[rkassebaum]

Say, we have an event shortcode for an upcoming event on the home page. It goes full width on a computer. However, on a tablet and smartphone it only goes roughly half way across screen. Suggestions on how to fix?
https://nebraskakma.com/

[tristup]

Hi @rkassebaum,

Thanks for reaching out.
It seems that the width is set to 100% up to the 961px screen size. You need to add the following custom CSS code into the Page CSS to make the width 100% for all the screen sizes.

.mec-wrap .col-md-12 {
    width: 100%;
}

Please remember that the above code will work if copied as it is and doesn’t conflict with any existing style.
Please note that the code provided serves only as a guide to help you get started custom coding on your own if there’s no option offered in our theme or the products we bundle.
We really do not provide support for custom codes, which means we can’t fix them in case they conflict with something on your site, nor will we enhance them. Further customization should be directed to a third-party developer or you can avail of One, where we answer the questions beyond normal theme support.

Thanks