WordPress.org

Ready to get started?Download WordPress

Forums

Remove Child Pages From Mobile Menu (5 posts)

  1. bcyork
    Member
    Posted 1 year ago #

    For the main website I have a menu at the top with child pages in drop downs. This works for the non-mobile size menu of a fluid site. When at a smaller size my theme changes to a drop down box style menu with everything listed. Problem is with child pages in the menu it is a very cluttered menu and no focus on the main navigation pages. All child pages have links on main page for each parent menu item. Is there a way to remove child pages from the menu on mobile size format and keep them on the standard menu?

    Thanks
    Brian

  2. Andrew
    Forum Moderator
    Posted 1 year ago #

    If you want, you could hide in CSS the child pages of the submenu at a small screen.
    The CSS may be something like;

    @media only screen and (max-device-width: 480px) {
     ul ul {
      left: -9999em;
     }
    }
  3. bcyork
    Member
    Posted 1 year ago #

    Doesn't work

  4. Andrew
    Forum Moderator
    Posted 1 year ago #

    lol you need to provide a link to your website if you want accurate code

  5. bcyork
    Member
    Posted 1 year ago #

    Ok, here is the site as is and the second link is the responsive CSS.

    http://www.thehomepizzeria.com/
    http://www.thehomepizzeria.com/wp-content/themes/galaxy/css/responsive.css

    Thanks!

Topic Closed

This topic has been closed to new replies.

About this Topic