Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • March 29, 2020 at 12:21 pm #1198798
    Rio1

    Hi Enfold team,
    I have submenu item that I want to only show on mobile.
    this is my code so far. it hides the menu text, but the list tile still shows with an empty space.
    how can I get the entire element to not show?
    (it’s the first second-level-submenu item on “Aktuelles”, and it’s also called aktuelles. please see private content for URL)

    @media only screen and (min-width: 1300px) {
    #menu-item-3436 .avia-menu-text, .menu-item menu-item-type-post_type .menu-item-object-page .page_item page-item-926 {
    display: none !important;
    }
    }

    Thank you for you help :-)

    March 29, 2020 at 5:58 pm #1198883
    Victoria

    Hey Rio1,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
@media only screen and (min-width: 1300px) {
  #menu-item-3436 .avia-menu-text, 
  .menu-item menu-item-type-post_type .menu-item-object-page .page_item page-item-926,
  #menu-item-3436 {
      display: none !important;
  }
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.