Keep the same menu (mobile) for the Ipad resolution

JacquesParadis

Can you tell me how to keep the same menu that I have for the mobile resolution for the Ipad resolution? 

Thanks

adress site: www.service-darbres-stephane.com

Albert

Hi,

to keep same mobile menu on tablets as on phones, you need to use Responsive Menu Initial Width option under Theme options > Responsive section.

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

JacquesParadis

This doesn't resolved my problem. I need to keep the same menu from the mobile from 767px to 1240px. What can I do ? 

JacquesParadis

The menu that appear at 767px. this menu

Albert

So to display mobile menu between 767px and 1240px, you need to increase scroll of Responsive Menu Initial Width option to 1240px. That's all you need to do and this must work.

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

JacquesParadis

Yes it work. But the menu is transparent. I wanna keep the normal menu transparant but when the reponsive menu appear I want the background to be be a different color.  Can I do this 

Albert

Ok, got it now. So to change menu background on devices smaller than desktop, you need to use the following css:

@media only screen and (max-width: 1239px) {
    #Header .top_bar_left, .header-classic #Top_bar, .header-plain #Top_bar, .header-split #Top_bar, .header-fixed #Top_bar, .header-below #Top_bar, #Header_creative, #Top_bar #menu, .sticky-tb-color #Top_bar.is-sticky { background-color: #000 !important; }
}

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

JacquesParadis

The thing I wanna do is to keep the same exact css from the mobile menu. Where is the css for the responsivness of the them ?

Albert

But this is what we exactly gave you above. The css we did for you will change background color for screens less than 1239px.

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