Docs

[arthurdupuy]

Hello X,

Here is my website http://www.alveusclub.com/post-bac/ (password : arthure)

As you can see, the menu for mobile is completely on the right and it’s really difficult to read it. Have you got a solution for make it more centered ?

Futhermore, the “Essayez gratuitement / connexion” Is not yellow background (like laptop menu) .

Thanks for your help !!

[arthurdupuy]

This reply has been marked as private.

[Rad]

Hi there,

Thanks for posting in.

It’s because of this CSS,

@media (max-width: 979px){
.x-navbar {
    width: 100px !important;
}
}

You shouldn’t add width. Instead, change it to this

@media (max-width: 979px){
.x-btn-navbar {
    float: right;
    position: relative;
    margin-top: -100px;
}
}

And please your CSS to this for yellow hightlight.

.espace > a {
    background: #D6A800 !important;
}

Cheers!

[arthurdupuy]

many tks !!!

[Christopher]

You’re welcome.

[arthurdupuy]

Hello Christopher,

Sorry to disturb again.

I would like some items floating on right or left of the navbar.

I’ve tried this kind of code but it doesn’t work :

.espace > a {
background: #D6A800;
float: right !important
}

Thank you !

Arthur

[Paul R]

Hi Arthur,

Can you provide us an image on how exactly you would like your menu to look like.

Thanks

[arthurdupuy]

Yes sure !!

I’ve made two circles with same color (one is the actual place of the item, the second is where I would like to put the item)
I hope it’s annought clear !

[Joao]

Hi There,

Please add the following code in Appereance Customizer Custom CSS

.x-navbar .desktop .x-nav>li #menu-item-514 {
    padding-left: 50px;
    padding-right: 50px;
}

Hope that helps

Joao

[arthurdupuy]

Sorry but it doesn’t work…

Have you got something else ?

Thank you !

Arthur

[Joao]

Hi Arthur,

Use this instead:

#menu-item-514 {
    padding-left: 80px;
    padding-right: 80px;
}

Hope that helps

Joao

[arthurdupuy]

Thanks Joao,

Impossible to have float option ?
Because, as you can see attached for a certain width of screen the last item is really bad…

[Jade]

Hi there,

Please add this code as well:

@media (max-width: 1100px) {
    #menu-item-514 {
        padding-left: 80px;
        padding-right: 52px;
    }
}

Hope this helps.

[Author]

Posts