How to reduce margin in WP Bakery or another solution ?

How to reduce the margin on mobile?
I want the category name to start at the very edge from the left. This will allow me to enter a little longer name. This is important things for me.

I show it in the attached screenshot.
My test site http://bizuteria1.jdmsite.com/ and all is on home page ( if you want to see it)

Right now it’s skipping over the second line and it looks ugly.

Hello,

Could you please send us a screenshot that demonstrates this problem so we can better understand your request?

Thank you in advance.

I’m sorry, the attachment didn’t attach. The right picture is simulation ( left oryginal RWD for phone )

“I would like the subtitles to be closer to the left edge of the picture, then the text can be 2-4 letters longer. I’m just wondering how to reduce the margin in the layout for mobile.

In the case of the desktop, there is no problem because I can reduce the font size a bit, but when I reduce it on the phone, it becomes very small and hard to read.”

Attachments:

You must be logged in to view attached files.

Hi,

In order to do that, add below Custom CSS code to Theme Settings > Custom CSS > Global custom CSS

@media (max-width: 767px){
	.wd-categories-wrap .category-grid-item .wd-entities-title {
	    text-align: left;
	}
}

You also need to increase line-height value on mobile to make the title readable https://prnt.sc/TbCmYQKKBc9f

Regards

[Author]

Posts