Spacing Problem on mobile

Hello,

I am having an issue with spacing on my “About” page in the mobile version. I like the spacing in the desktop view (see below):

However, in the mobile view (see below) I would like the spacing to be decreased. Is there a way to decrease the spacing ONLY in the mobile view, but keep it the same in the desktop? Please let me know. Thank you!

Hello, try to use the following CSS code.

You can add CSS code in Customize → Additional CSS section.

@media (max-width: 780px) {
	.panel-widget-style-for-w5b1babec465f0-0-0-0 .widget-title {
		margin-bottom: 0;
	}
}

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.

Okay thank you Roman it worked! :grinning::grinning:

Hi Roman,

I realized that I have the same problem on that same page above the “My Philosophy” title. Are you able to help make the same changes (decreased spacing on ONLY mobile version)? Currently there is a wide space gap.

Please see the below screenshot as a reference:

Thank you in advance!

Hello, please try to use this CSS code instead of previous:

@media (max-width: 780px) {
	.page-id-12 .panel-widget-style-for-w5b1babec465f0-0-0-0 .widget-title,
	.page-id-12 #pgc-w5b1babec465f0-1-1,
	.page-id-12 #pgc-12-0-0 {
		margin-bottom: 0 !important;
	}
	
	.page-id-12 .panel-row-style-for-12-0,
	.page-id-12 .panel-row-style-for-w5b1babec465f0-1 {
		padding-bottom: 0 !important;
	}
}

Kind Regards, Roman.

Thank you very much Roman! :+1:

You are welcome! :slight_smile:

Kind Regards, Roman.