RE: MOBILE DISPLAY: HOMEPAGE

Hello,

You can share the relevant ticket in this topic. When I try to visit your site it contains maintenance mode so I can’t visits your site as well as the URL to access your admin area is also not working any more.

About the Wp-Bakery rows and columns margins you can edit the rows and columns from design tabs you can adjust the left,right, up and bottom margin as well as padding according to you and save the changes.

If you want different margin, padding for small screens then you must have to use custom CSS code for that specific screen size.

Best Regards.

Hello,

1) The product categories carousel is now showing after the slider in mobile screens I define a custom CSS class “customPos” in that specific row and use the below CSS code in Custom CSS for mobile area under theme settings >> custom CSS:

.customPos .z-index-10{
margin-top: 85px;
}

Result: https://ibb.co/R0r1fJh

2) The pagination of that product categories carousel showing just fine in the mobile screens also.

Screenshot for clarification: https://ibb.co/4JHgXqY

3) To remove the margin for those container rows which you pointing out in your screenshot. First I edit that specific html block from dashboard >> html blocks,which have this short code “[html_block id="4310"]” in your homepage. Then edit the column inside that row one by one and remove the padding 15px from left and right for each column and save the changes.

Screenshot for clarification: https://ibb.co/Xpzkf2r

After that I define a custom CSS class on each column “customPad” and use the below CSS code in Custom CSS for mobile area under theme settings >> custom CSS:

.customPad .vc_column-inner {
    padding-left: 0px;
    padding-right: 0px;
}

Result: https://ibb.co/VCfs5tT

Best Regards.