Docs

[ThaoDuongCordsen]

Hi there,
I’d like to set my logo bar and navigation bar be fixed on scrolling. My problem is: if I choose “Layout: Stacked”, my logo bar doesn’t stay fixed when I scroll. If I choose “Layout: Inline”, my logo bar fixed but my menu bar stays too far on the right then (see the screenshot below). Can you please have a look?

Thanks in advance,
Thao

[ThaoDuongCordsen]

This reply has been marked as private.

[Christian]

Hey Thao,

Please make your screenshot’s file size smaller than 512kb and re-upload again.

In Appearance > Customize > Layout and Design, is your Site Width set to 100% and Site Max Width set to a value greater than your monitor resolution?

Thanks.

[ThaoDuongCordsen]

Hi Christian,
My site is set in box-layout. My Site Width is 100% and Site Max Width is 1240. I use Imac 5K. But I think it wouldn’t be the problem because of Box-Layout.

[Paul R]

Hi,

You can try adding this in Custom > Edit Global CSS in the Customizer.

.masthead-inline .desktop .x-nav {
    display: block;
    float: none;
    text-align: center;
}

.x-navbar .desktop .x-nav>li {
    float: none;
    display: inline-block;
}

Hope that helps.

[ThaoDuongCordsen]

Hi there,
It works! Your service is really great! I need the new license soon and always feel happy to buy X.
Thank you again!
Thao

[Rahul]

Glad we were able to help you out and thank you very much for your kind words.

Let us know if we can help with anything else.

Thanks for choosing the X-theme!

[ThaoDuongCordsen]

Hi there,
Sorry that I disturb you again but the button for main menu on mobile phone or ipad doesn’t stay in center.. Can you please have a look in the screenshot?
Thanks,
Thao

[Joao]

Hi There,

Please add the following code to Appereance > Customizer > Custom > CSS

@media (max-width: 979px) {
.masthead-inline .x-btn-navbar {
    float: none;
    max-width: 50px;
    margin-left: 45%;
    margin-bottom: 10px;
} 
.x-brand {
float: none;
}
}

Hope it helps

Joao

[ThaoDuongCordsen]

Hi!
It worked! Great! Thank you really much for your help!!!
Thao

[Joao]

Glad to hear it 🙂

Joao

[Author]

Posts