Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1013692

    Hello, I set for all browser sizes the mobil menue left. Unfortunatly menue opens right. For the desktop version I have found a solution, but not for mobile. I have tried this code I have found here, but it doesnt work.

    @media only screen and (min-width:768px){
    .av-burger-menu-main.menu-item-avia-special.av-small-burger-icon {
    display: none;
    }
    }
    @media only screen and (max-width:767px){
    .av-main-nav li {
    float: left;
    }
    }

    Thank you for your help. Aline

    • This topic was modified 7 years, 3 months ago by alinesommer.
    #1013807

    Hey alinesommer,

    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){
        .html_av-overlay-side .av-burger-overlay-scroll {
            -webkit-transform: translateX(350px);
            transform: translateX(350px);
        }
    
        .html_av-overlay-side .av-burger-overlay-scroll {
            right: 0;
            left: auto;
        }
    }
    

    If you need further assistance please let us know.

    Best regards,
    Victoria

    #1014074

    Hi Victoria, thank you for your answer. Unfortunatly it doesnt work. Do you have any other ideas. Maybe you will look at my Website?

    #1014112

    Hi,

    Please try this CSS instead:

    @media only screen and (max-width: 767px) {
    .responsive #top #wrap_all .main_menu {
        left: 0;
        right: auto;
    }
    
    .logo img {
        float: right;
    }
    }

    Best regards,
    Rikard

    #1015660

    Thank you for your help. It works. Best regards

    #1016059

    Hi alinesommer,

    Glad you got it working for you! :)

    If you need further assistance please let us know.

    Best regards,
    Victoria

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