Fancy list has bad alignement in mobile

[chrisburrc]

Hello,

I’m almost ready with my website. Now I’m doing the last arrangements and mobile compatibility. I am using a similar layout as your demo material design for a list. With your demo content online the list looks nice in mobile. But on my website, the alignement is bad in mobile.

Attachments:

You must be logged in to view attached files.

[Laura]

Hello, can you share access so i can take a look? 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[chrisburrc]

This reply has been set as private.

[Laura]

Hello, this is what i see when trying to access your website The web host appelcitoyen.ch does not exist.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[chrisburrc]

Yes, unluckily my webhost seems to experience some problem at the moment. I’ll let you know once it’s fixed.

[chrisburrc]

This reply has been set as private.

[Laura]

Hello, please try by adding this to style.css of child theme

COPY CODE

@media (max-width: 991px) {
.vc_column-inner.vc_custom_1433005365444 {
    padding: 0px 0px 0px 60px !important;
    margin: 0 auto !important;
}
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[chrisburrc]

Thank you Laura.

Left alignement is perfect now. Still the space between the two bullet points block should be reduce and it should be the same space as between two separate bullet points (see attachement). Can you help me with that?

Best,
C.

Attachments:

You must be logged in to view attached files.

[Laura]

Hello, please replace it with

COPY CODE

@media (max-width: 991px) {
.vc_column-inner.vc_custom_1433005365444 {
    padding: 0px 0px 0px 60px !important;
    margin: 0 auto !important;
    margin-top: -19% !important;
}
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[chrisburrc]

thanks it worked

[Laura]

Happy to help 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[Author]

Posts