Return to previous page

Icon alignment issue in mobile view when using infobox element

This topic has 2 replies, 2 voices, and was last updated 48 seconds ago ago by Jack Richardson

Merin

Participant

November 5, 2024 at 13:40

https://anandk60.sg-host.com/academics/
On this page, we used the info box element. which displays correctly on the web but not in mobile view. In the mobile view, the icons are not properly aligned to the left side. How can we fix this? Please see the screenshot of the mobile view in the attachment.

Files is visible for topic creator and
support staff only.

#422167 Copied

1 Answer
Jack Richardson

Support staff

November 5, 2024 at 15:37
Dear Merin,

We hope this message finds you well.

Could you kindly add the following custom CSS snippet in the Custom CSS area of the home page editor ?
```
@media only screen and (max-width: 768px) {
    .mpc-icon-column--style_3 .mpc-icon {
        float: left;
        margin: 0 .75em 0 0 !important;
        position: relative;
    }
    
    body .mpc-align--left {
        text-align: left !important;
    }
    
    .mpc-icon-column__content .mpc-icon-column__description {
        margin: 0 0 20px !important;
        text-align: left !important;
    }
}
```
Thank you for your attention to this matter.

Best regards,
Jack Richardson
The 8Theme Team
#422195 Copied
Viewing 2 results - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.Log in/Sign up

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder

Bakery Store – WordPress WooCommerce Theme

lazy-placeholder

Interior Store – WooCommerce Theme

lazy-placeholder

Organic Store 02 – WordPress WooCommerce Theme

lazy-placeholder

Artmaxy Store – WordPress WooCommerce Theme

lazy-placeholder

Minimal Fashion 02 Store – WordPress WooCommerce Theme

lazy-placeholder

Cosmetics Store – WordPress WooCommerce Theme

lazy-placeholder

Electron Store 02 – WordPress WooCommerce Theme

lazy-placeholder

Marseille 01 – WordPress WooCommerce Theme

lazy-placeholder

Niche Market 02 – Multivendor WP WooCommerce Theme

lazy-placeholder

Spa – WordPress WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.