mobile site

[1kfriends]

Hello, I have a couple of questions about our mobile site.
Is there a way to decrease the size of certain elements on the mobile site but leave it on desktop?
Please see attached.

Thanks!

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

@media only screen and (max-width: 767px) {
div.page-content > div.row.fw-row > div.spb-row-container{margin:-5px 0 !important}
div.spb_call_text h1{font-size:13px !important;}
}

Thanks
Mohammad

[1kfriends]

Thank you, this is much better.
Is there a way to decrease the spacing around the words.
see attached.
thanks again
Robin

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

Hi

Add this:

@media only screen and (max-width: 767px) {
.spb_impact_text.alt-bg {
  padding-bottom: 0!important;
  padding-top: 0!important;
}
}

Then on your h1, switch to text editor and in the class=”” add mb0 mt0

– Kyle

[1kfriends]

Hi, I tried that and it didn’t seem to work

[Kyle – SUPPORT]

You’ve used:

<h1 style="text-align: center; class=mb0 mt0;">We Promote Healthy Communities</h1>

it should be:

<h1 style="text-align: center;" class="mb0 mt0;">We Promote Healthy Communities</h1>

– Kyle