Tagged: , , , , , , , , ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • September 22, 2015 at 4:46 pm #507203
    Milan

    Hello to all,

    I am wondering where I can change settings of mobile menu.

    Mobile menu is visible (and desktop menu hidden), when screen resolution is smaller less than (for example) 1200px.
    Where I can set show/hide only menu area if resolution is smaller (for example) 1200px please?

    I want control only menu. All users (with any device) with screen smaller than 1200 px will see only mobile menu.

    Thank you for help.

    September 22, 2015 at 4:48 pm #507205
    Yigit

    Hi Milan!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (max-width: 1200px) {
#mobile-advanced, #advanced_menu_toggle, #advanced_menu_hide { display: block; }
nav.main_menu { display: none; }}
#wrap_all {
position: relative !important;
}

    Regards,
    Yigit

    September 23, 2015 at 6:49 am #507501
    Milan

    Hello Yigit,

    Thank you for super fast and working reply.
    And last questions: I would like to have as mobile menu icon own image: http://www.lipowski.pro/menu.jpg
    1. Where I can edit it?
    2. Where is part of CSS which I can modify to get own look of mobile menu?

    Thank you and Have a nice day,

    Milan

    September 23, 2015 at 1:58 pm #507752
    Yigit

    Hey!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    a#advanced_menu_toggle:before {
    content: '';
}
a#advanced_menu_toggle {
    width: 136px;
    height: 48px;
    background-image: url(https://www.lipowski.pro/menu.jpg);
    border: none;
}

    Regards,
    Yigit

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