Support » Plugin: AMP » Menu is not getting displayed on Mobile after Implementing AMP

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Contributor Pierre Gordon

    (@pierlo)

    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 11 months, 1 week 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?

    Plugin Contributor Pierre Gordon

    (@pierlo)

    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 @ http://www.brameshtechanalysis.com

    If you are comfortable i can share CSS file with you, my email id is bhandaribrahmesh@gmail.com

    Hi @luckyankit

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

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Menu is not getting displayed on Mobile after Implementing AMP’ is closed to new replies.