The phone style drop-down menu does not work

Question

my web's in phone style drop down menu does not work .. After searching for a long time, I can't find the reason. How can I solve this problem? Did I accidentally delete some class?

SemiColonWeb · Accepted Answer

Hello,

The following Customization Codes in your css/custom.css File is causing this issue:
[ch_pre type="css"].sub-menu-container,
.mega-menu-content {
position: absolute;
visibility: hidden;
width: 220px;
background-color: #262626;
box-shadow: 0px 13px 42px 11px rgba(0, 0, 0, 0.05);
border: 1px solid #EEE;
border-top: 2px solid #8785C1;
z-index: 399;
top: 100%;
left: 0;
padding: 0;
}[/ch_pre]

Make sure that when you are Customizing CSS Codes, you are also properly copying the Media Queries to avoid issues on different devices. The above codes should be places inside the @media (min-width: 992px) Media Query and this should fix the issue on Mobile Devices.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

jianyinli · Answer

So should I write like this ?

jianyinli · Answer

Thank you, it is normal after I deleted it! thank you very much!

Semicolon Web · Answer

Hello, Glad that the issues were resolved! This is how your codes should look like: [ch pre type="css"]@media (min width: 992px) { .sub menu container, .mega menu content { position: absolute; visibility: hidden; width: 220px; background color: 262626; box shadow: 0px 13px 42px 11px rgba(0, 0, 0, 0…