Menu hovering on the right

[Micheleamaglio]

Hi there!
I've already posted this question, but I'll try to be clearer.

This is my website at the momenet: www.micheleamaglio.com

I am trying to move the sub-menu to appear, on mousehover, on the right of the button "menu" instead of being below.

Can you pleeease help me!
Thank you so much in advance!

Michele Amaglio

[Richard]

Dear Michele @Micheleamaglio

I notice that you already have some Custom CSS for the sub-menu:

@media (min-width: 601px){.primary .sub-menu {
    display: none;
    position: absolute;
    left: 0;
    border: 0px solid grey;
    padding-bottom: 20px;
}

If you remove the 'position - absolute' so that it inherits it parents properties and then add something like 'margin-left:20px' to space it out a bit:

@media (min-width: 601px){.primary .sub-menu {
    display: none;
    margin-left:20px;
}

( i assumed the other CSS isn't necessary either :)

Let me know how you go Michele & have a lovely day!

Sincerely
Richard

[Micheleamaglio]

It worked!
Thank you very much!

Have a great day!

Michele