Menu is not getting displayed on Mobile after Implementing AMP

Hi @bramesh,

The issue you describe is with your theme and not the AMP plugin.

To be more specific, there is a media query in your theme’s CSS file to not display the menu items if the screen width is less than 769px:

@media screen and (max-width: 768px)
.themonic-nav ul.nav-menu, .themonic-nav div.nav-menu > ul, .themonic-nav li {
    background: none;
    border-bottom: none;
    border-top: none;
    display: none;
}

Removing that CSS rule should then show the menu on mobile devices.

• This reply was modified 5 years ago by Pierre Gordon.

Thanks a lot for getting back, Shall i delete the below code from my CSS File. Please advise on this

/* =Media queries

————————————————————– */
/* —————————————————————
* MOBILE CSS fallback for device width 768px or below
* ———————————————————— */
/* Minimum width of 768pixels. */
@media screen and (min-width: 768px) {
.author-avatar {
float: left;
margin-top: 8px;
}

Hey Bramesh, is this iconic one theme you’re using officially compatible with AMP or you just activated the AMP plugin and it worked?

Hi @bramesh,

Removing or commenting out the CSS I outlined in my previous comment should resolve your problem.

Hi @pierlo

Still the issue is not resolved. Sharing you the screenshot of the mobile version now. You can see on mobile version of site @ https://www.brameshtechanalysis.com

If you are comfortable i can share CSS file with you, my email id is [email protected]

Hi @luckyankit

I am trying to make it work its not AMP compatible..