Styling a menu for mobile

  • Resolved Davinder

    (@davinderschiedel)


    7 years ago

    The site looks fine on normal screens, as I have modified the header and menu, etc.

    However when I collapse, the burger menu shows nothing.

    If I remove the following CSS

    .main-navigation {
    height:1px}
    .main-navigation .menu {
    clear:both;
    float:right;
    padding:0;
    position:relative;
    right:-240px;
    top:-40px;}

    It works fine, but the menu shows on the left side on a desktop.

    Any suggestions?

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

Viewing 1 replies (of 1 total)
  • Thread Starter Davinder

    (@davinderschiedel)

    Fixed it. Used the reverse so that the css above was within @media (min-width: 992px) and (max-width : 5000px)

Viewing 1 replies (of 1 total)
  • The topic ‘Styling a menu for mobile’ is closed to new replies.