Responsive Menu for Tablet (landscape mode)

  • The menu is beautifully responsive on phone screens and in portrait mode on my iPad but in landscape mode it is running into two lines instead of showing the hamburger menu. How can I resolve this? Could it set the breakpoint for the menu to a different screen size with CSS?

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)

  • Hi @cybergirl44,

    Could you add the following custom CSS and see if it works,
    @media (max-width:1024px) {
    .menu-toggle {
    display: block;
    float: left;
    }
    .main-navigation ul {
    display: none;
    }
    .main-small-navigation li {
    position: relative;
    }
    .better-responsive-menu .sub-menu {
    display: none;
    }
    .better-responsive-menu .sub-toggle {
    background-color: #BF7B15;
    }
    .sub-toggle {
    position: absolute;
    right: 20px;
    cursor: pointer;
    display: block;
    top: 6px;
    padding: 0 7px;
    background-color: #1B7AA0;
    }
    }

    Ref: https://docs.themegrill.com/knowledgebase/where-do-i-add-my-custom-css/

    Kind Regards,
    ThemeGrill Support.

Viewing 1 replies (of 1 total)
  • The topic ‘Responsive Menu for Tablet (landscape mode)’ is closed to new replies.