Docs

[-core]

Hi!

i’ve been searching through the forum but couldn’t quite find an answer that worked for me.

i have attached 2 screenshots of my current page.

1) i would like to know how to remove those black boarder horizontal lines from the Header/Footer.

2) The first image is before clicking the dropdown menu and the second image is after clicking the dropdown menu. i would like to know how to make the menu text/links move over to the right side under the menu button (align right) and not appear on the left.

Thanks!

[Thai]

Hi There,

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.

[-core]

This reply has been marked as private.

[Thai]

Hi There,

Please add the following CSS under Customizer > Custom > Global CSS:

.x-topbar, .x-navbar, .x-colophon {
    border: none;
}

.x-nav-wrap.mobile {
    text-align: right;
}

Hope it helps 🙂

[-core]

Hi Thai,

thanks so much!
Everything works well, but for the topbar, below the Social Media icons, the border is still there.

Any ideas on how to remove that as well?

Thanks!

[-core]

This reply has been marked as private.

[Thai]

Hi There,

Please update the previous CSS a bit:

.x-topbar, 
.x-navbar, 
.x-colophon,
.x-breadcrumb-wrap {
    border: none;
    box-shadow: none;
}
.x-nav-wrap.mobile {
    text-align: right;
}

Hope it helps 🙂

[-core]

That works perfect!

Thank you so so much!!

[Joao]

Glad to hear it,

Joao

[Thai]

If you need anything else please let us know.

[Author]

Posts