Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1377950

    Hello,
    In options I chose for Header: Logo in the middle, Menu above.
    How can I hide the logo?
    How to show the same Menu on mobile clients and not the Hamburger Menu?
    Thanks or feedback
    Bernd

    #1377965

    Hey Bernd,
    Thanks for your question, to hide the logo and show the desktop menu on mobile Please try this code in the General Styling ▸ Quick CSS field or in the WordPress ▸ Customize ▸ Additional CSS field:

    @media only screen and (max-width: 767px) {
    .responsive #top .av-main-nav .menu-item-avia-special {
        display: none;
    }
    }
    @media only screen and (max-width: 767px) {
      #top #header .av-main-nav > li.menu-item  {
          display: block!important;
      }
    }
    #top .logo > a {
    	display: none;
    }

    Best regards,
    Mike

    #1377966

    Hi Mike
    the logo vanished.
    But the original desktop menu does not appear, when I minimize the browser window.
    Only a white line is showing up.
    What can I do?

    #1377969

    Hi,
    Thanks for the login, try this css:

    @media only screen and (max-width: 767px){
    .responsive #header_main_alternate {
        display: block;
    }
    .responsive.html_top_nav_header .av-section-bottom-logo {
        border-bottom-width: 0px;
    }
    .responsive #top #wrap_all .container {
        width: 100%;
        max-width: 100%;
    }
    #top #header .av-main-nav > li > a {
        font-size: 10px;
    }
    }
    

    You will need to make the font size smaller for all of the menu items to fit in a single line on mobile, above is 10px that is for the smallest screens (320px) for larger screens (425px) 15px works. So try adjusting to suit your needs.
    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.