Tablet / Mobile Optimation | PenciDesign Support

oa-immo replied

6 years ago

Customer Reply

YES thats it

PenciDesign replied

6 years ago

Staff Reply

Hi,

Please try replace the code I sent to this code:

@media only screen and (max-width: 1024px){
#navigation .button-menu-mobile {
    display: inline-block;
}
#navigation .menu {
    display: none !important;
}
#navigation.header-6 #logo {
    float: none;
    display: inline-block;
}
#sidebar-nav {
    display: block;
}
}

Best Regards,

PenciDesign

oa-immo replied

6 years ago

Customer Reply

on tablet Position landscape there is no menu - in Position portrait it Works

oa-immo replied

6 years ago

Customer Reply

I did: on iPad, when I use it square (landscape), there is no Menu !!!

maybe I just express myself too vaguely. I want to set the breakpoint so that the normal menu that appears on desktop is already at e.g. an iPad in position landscape changes to the mobile menu

PenciDesign replied

6 years ago

Staff Reply

Hi,

Please add the code I sent to Customize > Custom CSS, save it and show me your site URL to I can take it a look on this issue.

Best Regards,

PenciDesign

oa-immo replied

6 years ago

Customer Reply

no, that does not work - so I have no navigation on my iPad

I`ll have mobile Navigation on any mobile device, and the normal menu on desktop and laptop

PenciDesign replied

6 years ago

Staff Reply

Hi,

Please try replace the code I sent to this code:

@media only screen and (max-width: 1024px){
#navigation .button-menu-mobile {
    display: inline-block;
}
#navigation .menu {
    display: none !important;
}
#navigation.header-6 #logo {
    float: none;
    display: inline-block;
}
}

Best Regards,

PenciDesign

oa-immo replied

6 years ago

Customer Reply

No, not quite.

I would like the normal menu to be displayed only on desktop and laptop. The mobile menu should also be displayed on larger tablets.

With this code, the menu is not available.

In principle, it is only about the setting from when (screen size) is changed from the normal menu to the mobile menu.

PenciDesign replied

6 years ago

Staff Reply

Hi,

Ok, I understand it now.

If so, please add more this code to Customize > Custom CSS to do that:

@media only screen and (max-width: 1169px){
#navigation .button-menu-mobile {
    display: inline-block;
}
#navigation .menu {
    display: none !important;
}
}

Best Regards,

PenciDesign

oa-immo replied

6 years ago

Customer Reply

mobile Menu on iPad is not mobile menu

PenciDesign replied

6 years ago

Staff Reply

Hi,

I don't understand your question, can you tell me more clearly & detail about this?

Best Regards,

PenciDesign

oa-immo started the conversation

6 years ago

Conversation Start

Hello, I would like to have the mobile navigation already displayed on larger tablets. Currently z.b. on an iPad (if I think of it) the normal navigation is displayed. I can not find a setting option, from which screen width on mobile navigation is changed.