different menu for mobile devices

- 8 years, 2 months ago Boekenbalie
  Participant
  
  Expired
  Hi,
  
  I would like to show a mobile device menu with all menu items (all pages, as it is right now) and for the desktop I would like a menu showing only 4 items (home, download, contact and online boekwinkel).
  
  The idea is to make CSS that excludes the menu items that we would NOT like to show on a desktop PC (for example; for screens larger than 1024px do not show “TWEEDEHANDS BOEKEN VERKOPEN” (incl 2 submenus), “ZAKELIJK VERKOPEN & CONSIGNATIE” and OVER ONS (incl submenu).
  
  What CSS should I use or is there another solution? Maybe I can select a specific manu for mobile?
  
  Thanks, Linsey
  
  This topic was modified 8 years, 2 months ago by Boekenbalie.
- 8 years, 2 months ago Mirela
  Participant
  Hello,
  
  It is not possible to use two different menu’s in one site. However you can make these adaptions using custom css. You can add Media Queries and choose to hide them on desktop screen widths. Inspect the menu that you want to hide look for the unique menu li id. Add this css:
  
  @media only screen and (min-width: 1024px) { /* Add your Desktop Styles here */ #menu-item-755 { display: none; } }
  
  This will hide the menu on screens with minimum of 1024px resolution.
  
  Please know that this is a customization not included in our support. Please read more regarding it here.
  
  Best regards!
- 8 years, 2 months ago Boekenbalie
  Participant
  
  Expired
  
  Thanks a lot Mihaila!! Solved! :-)

Viewing 2 reply threads

You must be logged in to reply to this topic.

Community Forums

Site Links

Useful Articles

Login