NEED CSS HELP IN MOBILE FOR INFO BOX BLOCK

Hi , The info box i am using isnot properly aligned in Mobile . Kindly check the screenshot below

https://prnt.sc/vxmh8w
https://prnt.sc/vxmhid

There are total two similar blocks on Home Page. Website link is in Private Area

Can you give me your website link so that I can give you the exact CSS code?

Thanks,
Nafiul

Check here

https://paolomans.devrental.cloud/

Add this code to your website and check. Let me know if it’s helps you.

.vc_column-inner.vc_custom_1524062567113 {
    text-align: left !important;
}
.vc_column-inner.vc_custom_1524062563801 {
    text-align: left;
}
.vc_column-inner.vc_custom_1524062559571 {
    text-align: left;
}
.vc_column-inner.vc_custom_1524062571051 {
    text-align: left;
}

Thanks,
Nafiul

Attachments:

You must be logged in to view attached files.

Updated Code:

.vc_column-inner.vc_custom_1524062567113 {
    text-align: left !important;
}
.vc_column-inner.vc_custom_1524062563801 {
    text-align: left !important;
}
.vc_column-inner.vc_custom_1524062559571 {
    text-align: left !important;
}
.vc_column-inner.vc_custom_1524062571051 {
    text-align: left !important;
}

Hello,

Please provide your site admin access to the private area.

Please remove the code provided by Nafiul35

Best Regards

Kindly find the admin in Private area.

Let me know if any other information is needed

Hello,

You need to set “No” in the Infobox inline https://prnt.sc/w0lri9

In this case, they would be aligned left on mobile if you want to have an equal gap on the left, insert one column on the left, hide it on desktop and show on the devices you want to have this gap.

Best Regards

Thank you. Its working Perfectly

You are welcome! If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts