Navigation Menu is a terrible Ipad screen

Hi

I have a problem Navigation menu iPad Mini (width 1024). The menu looks awful. I'd like that hamburger menu left next to the logo. I tried css, with code I used on another site. Mobile looks great .

Here is css code what I used:

.section-related-adjustment .image{

    display: none!important;

  }

@media only screen and (min-width: 960px){

    .mhb-menu .menu li a span{

     line-height: 22px!important;

padding-top:8px;

    }

  }

@media only screen and (max-width: 959px) and (min-width: 768px){

   html .mhb-menu .tabletMobile .menu li a span{

    line-height: 23px!important; 

    }

  }


    @media screen and (max-width:767px){

    .mhb-menu .menu li ul li{

font-size: 15px!important;

    width: 100%!important;

    border-bottom: 1px #bbb solid!important;

   }

    .mhb-menu .menu{

     width: 280px!important;


    }

  }

  .mhb-menu .menu li .menu-toggle{

   line-height: inherit!important;

  }

 

/* 6. Additional Info Section - background */

.lhea-modal-container .lhea-modal-contents ul.lhea-modal-extra {

background: #000;

  font-size: 14px;

font-weight:600;

}

.lhea-modal-container .lhea-modal-contents {

  background: #000; 

  font-size: 14px;

font-weight:600;

}

Kind regards Sari


Comments

  • Hi,

    Please always attach a link to your website so we can check it out. If the page is offline(localhost), then our help will be limited. You will have to contact us when the page is online. Also, please make sure that the page is not under maintenance before you provide us with the link.


    Thanks

Sign In or Register to comment.