Docs

[aperfect10]

Hello!

I am attempting to remove a weird white space that appears on the mobile site. I have tried to adjust my padding.

Thank you!

Kristi

[Christopher]

Hi there,

Please remove top padding from first section. To reduce more space, you can remove column’s top padding as well.

Hope it helps.

[aperfect10]

This reply has been marked as private.

[Joao]

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[aperfect10]

Hello! Sorry, I forgot to paste that in. Here you go!

http://66.147.242.91/~aperfef8

[Joao]

Hi There,

Please add the following code to Appereance Customizer Custom CSS

.x-container>.offset {
     margin: 0px auto;
}

Hope it helps

Joao

[aperfect10]

Sorry Joao – there is still a huge white space on the mobile version.

[Friech]

Hi There,

First thing first, please add the missing closing bracket “}” at the bottom of your custom CSS. Else any custom CSS we added wont work.

Only then you can add this:

/*Reset on mobile the homepage 1st section and its column's top padding*/
@media (max-width: 767px) {
	.home #x-section-1 .x-column.x-sm,
	.home #x-section-1 {
		padding-top: 0 !important;
	}
}

Hope it helps, Cheers!

[aperfect10]

I think I figured out what is happening. There is a title in white that is taking up space at the top. How do I get rid of that?

[Thai]

Hi There,

Please add this CSS under Customizer > Custom > Global CSS:

@media (max-width: 767px){
    .x-header-landmark.x-container.max.width {
        display: none;
    }
}

Hope it helps 🙂

[Author]

Posts