Remove weird border

[lacorte]

both in the header and footer my site is showing borders which I am unable to remove… please advise

[lacorte]

also how can I float the logo left and the mobile menu icon to the right of it?

[nico]

Hi @lacorte,

Thanks for writing in.

I believe that you have already remove the border because I could not be able to see already.

In regards to your menu, use this code below in your custom CSS:

@media (max-width: 979px){
.masthead-stacked .x-navbar {
    float: right;
    margin-top: -43px;
    margin-right: 30px;
} 

.masthead-stacked .x-brand{
    float:left;
}
}

Adjust the numbers according to your desired position of the logo and menu.

I do not recommend this adjustment because it will disrupt the position when you open the menu however it will start what you want to adjust.

Hope it helps.

Let us know how it goes.

Thanks.

[lacorte]

What about the original questions regarding the borders…
It only shows on mobile devices. Not browser mobile sized…

[ruenel]

Hello There,

I am another staff checking in! I’ve checked your site and I could no longer see any borders.

You may already have resolved the issue. Please clear your mobile phone’s browser cache or use private browsing mode and test your site again.

Please let us know how it goes.

[lacorte]

Thanks!//////

[mldarshana]

Thanks for understanding