[Resolved] disable mobile menu on one particular page

Home Forums Support disable mobile menu on one particular page

  • This topic has 5 replies, 3 voices, and was last updated 2 weeks ago by David.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1439957
    Robin

    With your generous help, I customized the attachment page, but on mobile that created problems, because there was then a double menu.

    I solved that for now by adding custom css:


    @media
    (max-width: 768px) {
    .main-navigation .menu-toggle {
    display: none !important;
    }
    }

    but of course now on smaller screens, there is no mobile menu at all.

    the attachment page has its own element, for all media, and I’m using a child theme so I could customize the attachment page.

    How can I solve this?

    #1440053
    Leo
    Staff
    Customer Support

    Hi there,

    Can you guide me to a specific page where I can see the issue?

    Let me know 🙂

    #1440116
    Robin

    go to any portfolio page and click the chain link, and then look at that screen at 320 wide
    go to any page and look at the screen at 320 wide

    it’s attachment pages at smallest screen and any other page at smallest screen

    all media attachment pages have their own menu, so when they were at the smallest size, there was a double menu, until I added the custom css as above.but adding that custom css means that now NO page has a mobile menu.

    #1440403
    David
    Staff
    Customer Support

    Hi there,

    try this – it will only disable the Menu toggle on the Attachment pages:

    @media (max-width: 768px) {
        .attachment .main-navigation .menu-toggle {
            display: none !important;
        }
    }
    #1440786
    Robin

    thank you! that did the trick.

    #1441207
    David
    Staff
    Customer Support
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.