Hey,
We inspected your site, seems like you have added additional css regarding it. The absolute position of primary menu is causing the problem. So, first we request you to clean the additional css related it and see if the problem is solved.
Good Day
thanks sir for reply
i try to remove absolute positions in my css but same (not work), the menu can not hidden.
What should I do?
How do you hide the menu?
please help me sir
thanks before
this sir my additional css :
this code for dekstop version for center the menu positions sir (previously I added this code does not error like this), i don’t know whats wrong
.menu-primary-menu-container {
position: absolute;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
display: flex;
justify-content: center;
}
please help me sir
thanks before
i found the solution like this :
in style.css (ul)
ul {
list-style: disc;
position: relative !important;
left: 0 !important;
right: 0 !important;
margin-left: auto !important;
margin-right: auto !important;
display: table !important;
justify-content: center !important;
}
remove display: table !important; (!important)
like this :
display: table;
and change this code :
.menu-primary-menu-container {
position: absolute;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
display: table;
justify-content: center;
}
this can change show and hide menu
BUT the menu not 100% (full width)
see this screenshoot : https://1.bp.blogspot.com/-oMt1vyrd1Yw/Xh19GEguSaI/AAAAAAAAAXo/zFAS4uFFFAcaAgMzIEd2sLQqM2jDIuEWgCLcBGAsYHQ/s1600/Screenshot_2.png
i try to add width:100% this work menu full width (but this error, can not show and hide)
i realy stuck
please help me sir
thanks before
i found the solution
add this code :
@media (max-width: 980px){
.menu-primary-menu-container {display:table !important;
margin-top:57px;
width:100%}
}
this works
Hey,
Good to know it’s solved.
Good Day
