Theme “Legal Law Consulting Pro” Drop-Down Menu does not work correctly.

Tagged: Header, Menus

This topic has 5 replies, 2 voices, and was last updated 1 week, 2 days ago by support.

Viewing 6 posts - 1 through 6 (of 6 total)

Author

Posts
February 22, 2023 at 7:19 pm #6771

Camille Pieume
Participant

Hello,

Please check the issue with Theme “Legal Law Consulting Pro”.
1- Already on the demo site when on pages other than the homepage you can notice that the drop-down menu does not appear.
2- On the version installed on my site (legal-law-consulting-pro_0.0.2). If the page is not large enough, the menus are shown on multiple lines instead of having them shrunk and shown under an icon like on mobile devices.

February 23, 2023 at 6:22 am #6777

support
Participant

Hi,

Thank you for reaching out!

We have got the issue you have mentioned here. It is fixed on our demo. Please add the below code to fix it on your end also.

Add below code at Appearance -> Additional CSS

.site-header {
position: relative;
width: 100%;
z-index: 99;
}

Secondly, the sidebar menu only show till the 1024px media. After 1024px menus will be appear in a line.

Let us know if you have any questions or concerns.

Thanks

March 7, 2023 at 9:01 pm #6901

Camille Pieume
Participant

Hi,
Regarding the 2nd issue. I noticed that the menus appear not in one line but in 2 lines when the window is not bright enough. This causes another problem when trying to reach a sub-menu for a menu on the 1st line.
Could you please solve the issue? In fact, the menu should in no case appear in more than one line.
Cheers

March 8, 2023 at 6:50 am #6903

support
Participant

Could you please send us your site URL so we can check the issue there and suggest you the solution?

March 13, 2023 at 10:29 pm #6954

Camille Pieume
Participant

The site is still under construction. But, here is the URL: alloconseil24.com

March 14, 2023 at 7:58 am #6962

support
Participant

The double line menu appears after 1024 media. Add below code at Appearance -> Additional CSS.

@media screen and (min-width: 1025px) and (max-width: 1199px){
.main-navigation ul li a{
margin: 0 13px;
}
}

Let us know if it resolves your issue.

Thanks
Author

Posts

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.