Opened menu in mobile

b1rkan

Hello.

I want to make the main menu "opened" (without clicking the menu icon) in mobile devices. My English is not good. Please look ss you will understand what I mean.

http://i.imgur.com/4XrTsrh.jpg

Thank you.

Albert

Hi,

if you mean to have opened menu by default on mobile devices, please use below css:

@media only screen and (max-width: 479px) { 
    #Top_bar #menu { display: block !important; }
}

Thanks!

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

b1rkan

Yes that's what I excatly mean. But I please want it for all mobile devices like ipad. I think I must change max-width? 

And it does not close it when I click to icon with that code. It's something no possible I think?

Thank you.

Albert

If you want to show it also for larger screens then change max-width value. This won't be closed on click as is it possible only to show it constantly. There is unfortunately no other way to do this.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

b1rkan

Ok I understand. I made it 1240 px and added this code

#Top_bar #menu {

    width: 100%;

}

Now the menu comes on my revoulation slider. Please see the ss: http://i.imgur.com/XGHP0cW.jpg

Can't we make it like smaller screens? In small screens slider goes below of the menu. 

Albert

So use smaller width than 1240px because 1240px is the size of many computer screens.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

b1rkan

OK. Smaller width than 1240px solves the problem that menu comes on the slider?

Thanks.

Albert

No, it won't of course because on devices like ipad menu always goes on slider. This is how menu was created and that's why we do not have option to open menu by default on smaller devices.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

b1rkan

Ok I understand. Thank you.