Docs

[rogerskeri]

Hello,

I have an issue with a white border around the sections of my client’s website, and I was wondering how to fix this. Is there a way to make the mobile site full width instead of boxed (which is what the layout is) in order to remove that outline?

Thank you,

Keri

[rogerskeri]

This reply has been marked as private.

[Rupok]

Hi there,

Thanks for writing in! You can add this under Custom > CSS in the Customizer to make the site fullwidth for mobile :

@media only screen and (max-width: 767px) {
.x-boxed-layout-active .site {
  width: 100%;
}
}

I am not sure about the border you are referring. Would you add some screenhsot pointing this?

Cheers!

[rogerskeri]

I attached some screenshots of what the website looks like on mobile devices. There is a white line that separates each section for some reason.

[Rue Nel]

Hello There,

Thanks for writing in! Upon checking, I could not see any of this line in your site. To make sure that this line may not be the border of the navbar, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

.masthead-stacked,
.x-navbar-wrap,
.x-navbar-inner,
x-navbar {
  border: none;
  box-shadow: none;
}

Hope this helps. Kindly let us know.

[Author]

Posts