Mobile Menu break point

  • Member
    March 27, 2017 at 8:46 pm #31265

    I was looking at my site on multiple devices and noticed that the menu drops below the logo on an Ipad landscape view.

    How to I change the menu to mobile (hamburger menu) for this screen size?

    I was playing with the padding of menu items and logo size per other posts but i couldn’t get it working.

    Here’s the URL:

    Here’s the css I tried:

    @media only screen and (max-width: 1280px) and (min-width: 480px){
    #menu > ul > li > a {
    padding-left: 7px;
    padding-right: 7px;

    @media only screen and (max-width: 1280px) and (min-width: 480px){
    .logo_img {
    width: 200px!important;

    The problem still existed using that css.

    Sorry, this forum is for verified users only. Please Login or Register to continue

Comments are closed.