How to have a vertical menu ?

Hey all, 

I'm trying to get a vertical menu like the one I've seen on this website : http://www.luisalbertorodriguez.com/

Does anyone know how to do that ? I'm not sure I have seen the option in the settings so I guess it's with css ? 

Here's my website just in case : https://www.alextrescool.com/

Thank you for your help!

It worked perfectly thank you ! Do you know how to deal with submenu ? The problem being the submenu link goes over the menu, I would like it to just go down to leave space for the submenu to appear/

Hola cómo hago para que ciertos textos que yo seleccione estén orientación vertical 

14 hours ago, AlexTC said:

It worked perfectly thank you ! Do you know how to deal with submenu ? The problem being the submenu link goes over the menu, I would like it to just go down to leave space for the submenu to appear/

Can you add submenu? We can check & test code easier

11 hours ago, Mariffer said:

Hello, how do I make sure that certain texts that I select are vertically oriented? 

What is site url?

Hello, 

You can see the submenu here :

https://www.alextrescool.com/off-white-copie

I had to add space because the menu doesn't go over a carousel or a gallery, is there also a way to add a padding to the left so the content of the website would be a bit more to the right ? Kind of like here https://www.benbeagent.com/

Thank you

8 hours ago, AlexTC said:

Hello, 

You can see the submenu here :

https://www.alextrescool.com/off-white-copie

I had to add space because the menu doesn't go over a carousel or a gallery, is there also a way to add a padding to the left so the content of the website would be a bit more to the right ? Kind of like here https://www.benbeagent.com/

 

Thank you

Add this CSS under

@media screen and (min-width:901px) {
span.Header-nav-folder {
    left: 150px !important;
    top: -10px !important;
}
div.Content-outer .Main {
    max-width: 90%;
    padding-left: 10%;
}
}

Hey, it worked perfectly thank you ! 

One last thing please, I'm trying to make the images on this slideshow smaller. I would like to make it small so it can fit the screen so people don't have to slide to see the full image.

https://www.alextrescool.com/off-white-copie

Thank you!

Add to Design > Custom CSS

@media screen and (min-width:768px) {
div#block-yui_3_17_2_1_1682529406444_8045 {
    max-width: 30% !important;
}
}

Hello, 

Thank you for your answer, I could solve my problems thanks to your code. 

But it raised another one : 

https://www.alextrescool.com/

If you try to go over and down the "Streetstyle" submenu, the submenu from the "Backstage" section appears and also, if you hover the submenu, it appears even though you're not hovering the actual main menu. Is there a way to fix that ?

Thank you,

Try adding this CSS under

[href="/streetstyle"]+ span.Header-nav-folder {
    z-index: 1234567890 !important;
    background-color: white !important;
}

Hello, 

Unfortunately It only fixed a part of the problem. Now when I'm hovering the "Backstage" submenu, the content of the "Streetstyle" submenu appears. Maybe because there's no priority for the section I'm hovering ? 

On 4/29/2023 at 6:32 PM, AlexTC said:

Hello, 

Unfortunately It only fixed a part of the problem. Now when I'm hovering the "Backstage" submenu, the content of the "Streetstyle" submenu appears. Maybe because there's no priority for the section I'm hovering ? 

It is fine to me. Can you take a quick video?

As you can see in the video I can't go over "Milan Women's" because the submenu from "Backstage appears". 

And also, the sumbmenus appears when I'm hover them, when I would like them to appears only when I hover the actual menu like "Streetstyle", "Backstage" etc. 

Thank you

Hello, can someone help me on that one please ? Thank you