Keep the same menu (mobile) for the Ipad resolution

JacquesParadis · September 2016

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 · September 2016

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.

JacquesParadis · September 2016

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 · September 2016

The menu that appear at 767px. this menu

Albert · September 2016

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.

JacquesParadis · September 2016

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 · September 2016

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; }
}

JacquesParadis · September 2016

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 · October 2016

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

Keep the same menu (mobile) for the Ipad resolution

Comments