- This topic has 7 replies, 2 voices, and was last updated 4 years, 11 months ago by
.
Hi,
My menu is cut and does not appear correctly, especially for the section called “groupes”.
As you can see on the screenshot N°1 attached, all the submenus are cut on the right.
I would like to have the submenus on the left of the section (as you can see on the screenshot N°2), so that will be more visible.
I tried with the Yellow Pencil, but I didn’t succed.
Can you help me ?
Hi @ot.tremelin,
I hope you are well today and thank you for your question.
Could you please share your site URL where it’s displaying so that I can help you?
Best regards,
Shufflehound teamHi,
Yes, for sure : lacdetremelin.com
In fact, I think it depends of the screen size. On my laptop, I’ve this problem, but not on my computer (except using the Yellow Pencil, It’s the same for both as you can see on screenshot N° 2 above).
You can achieve it by adding the following CSS code in the Custom CSS code option of your theme on the below path.
Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code
#page-container .sh-nav li.menu-item:nth-last-child(2) > .sub-menu { margin-left: -400px; }Hi, thanks for your help, it’s working !
Except for the submenu N°3, as you can see in the screenshot attached, they are overlaying and it’s not really visible.
Do you have a solution ?
Thanks,
Solution for this topic
Please change the shared CSS code as below.
#page-container .sh-nav > li.menu-item:nth-last-child(2) > .sub-menu { margin-left: -400px; }Great,
Thanks for your help !
You are most welcome here 🙂
