Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • September 7, 2016 at 10:28 pm #683402
    imranahmad23

    I have been trying to figure out for a few days now how to open the mobile menu from the left side of the page.
    I have mobile menu on desktop, and cannot figure it out for the life of me. I have tried everything the other topics had mentioned with no avail.
    Any help would be great! thanks!~imran

    September 7, 2016 at 10:31 pm #683404
    imranahmad23

    this is in my custom css….

    #advanced_menu_toggle, #advanced_menu_hide { display: block;}
    nav.main_menu { display: block; }
    ul#mobile-advanced {display:block;}
    .container #advanced_menu_toggle, #advanced_menu_hide {
    left: -55px;
    right: 100%;
    top: 40px;
    }
    }
    .avia_transform3d .show_mobile_menu #mobile-advanced {transform: translate3d(-20%, 0, 0)}

    Secondly: If i can also get help on how to make the menu container (=) go all the way to the left of the screen, not sticky, but left depending on screen resolution.

    September 13, 2016 at 2:16 pm #685779
    Andy

    Hi,

    doesn’t help us to post your css code to us.

    Use this code in Quick CSS field:

    @media only screen and (max-width: 767px) {
.container #advanced_menu_toggle, #advanced_menu_hide {
left: 0;
}}

    Best regards,
    Andy

    September 13, 2016 at 5:02 pm #685930
    imranahmad23

    Hi Andy, Thank you for taking the time to help. Unfortunately this did not work.

    September 13, 2016 at 5:05 pm #685932
    imranahmad23

    Also, i think there might be confusion. I do not mean the placement of the mobile icon itself, but when clicking on it, that the menus opens up from the Left side of the page.

    September 14, 2016 at 12:01 pm #686294
    Andy

    Hi,

    ahh, thanks for making it clear to me.

    So use this code:

    @media only screen and (max-width: 767px) {
#mobile-advanced {
left: 17%;
width: 50%;
}}

    and adjust as needed.

    Best regards,
    Andy

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