Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #1140632

    Hello,

    I want the mobile menu icon to appear on a smartphone below the logo and the icon should be centered, too.
    I couldn’t find any solution yet. On my tablet, it works, but on the smartphone the toast icon is displayed to the right of the logo.

    I would be very grateful for a QuickCSS snippet.

    #1140880

    Hey webprojektdonauwoerth,

    Could you post a link to the site where you want to implement this please?

    Best regards,
    Rikard

    #1141117
    This reply has been marked as private.
    #1141766

    Hi webprojektdonauwoerth,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
    @media only screen and (max-width: 767px) {
    
        #top #header_main_alternate {
            display: block;
            top: -50px;
        }
        .av-logo-container #avia-menu {
            display: none;
        }
        .responsive #top .logo {
            margin: 0 auto;
        }
    }
    

    If you need further assistance please let us know.

    Best regards,
    Victoria

    #1141825

    Thanks for your help.

    When I open the menu, the close button is overlapping the menu links. Is there any way to fix this?

    #1141887

    Hi,

    How would you close the menu otherwise? Can you screenshot the issue?
    Best regards,
    Jordan Shannon

    #1146238

    I used the code:

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

    #top #header_main_alternate {
    display: block;
    top: -50px;
    }
    .av-logo-container #avia-menu {
    display: none;
    }
    .responsive #top .logo {
    margin: 0 auto;
    }
    }

    Now the menu is displayed twice. How can I fix this?

    #1146296

    Hi,

    I’m not seeing the menu twice. Was this resolved?

    Best regards,
    Jordan Shannon

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