Okay
  Public Ticket #1614380
Responsive menu breakpoint
Closed

Comments

  • RabeaRembs started the conversation

    Hello,

    how can I modify the breakpoint of the menu? I tried the code below, but this dosen't  work. 

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

        .navbar-header {
            float: none;
        }
    }

    Can you help me with this?


    Thx!


  • [deleted] replied

    Hello,

    Could you please specify the link to the site you are talking about? Thank you.

    Regards.

  •   RabeaRembs replied privately
  •   [deleted] replied privately
  • RabeaRembs replied

    Hi,

    I added screenshot to explain. The menu goes into two roes by a certain wide. I think I just need to know the class of the burger menu. Then I can do the code on my own.

    Like this:

    @media only screen and (max-width: 450px){
    .XXX {
    display:none !important;

    }
    }



  • [deleted] replied

    Hello,

    Please add the following css code in the LEVELUP > General Settings > Custom CSS Code section to fix the issue with menu:

    @media (min-width: 993px) and (max-width: 1030px) {
        #header-menu #main-menu ul > li > a {
            font-size: 10px !important;
        }
    }
    

    Regards.

  • RabeaRembs replied

    Thanks Amy! That worked!

  • [deleted] replied

    You are welcome.

    Regards.