Displaying problems in mobile devices

[IT EXPERIENCE]

Hi,

I have a problem with the display of the header and menu in mobile devices.

Report below the respective problems that can check to page http://www.wineyes.net/wineyes-xps/

IPHONE:

When I open the page header overlaps the image and the menu sticky should not be present. you can remove the sticky header and make sure that the header does not overlap the image?

IPAD

In this case the display of the header is correct, except for the menu that is displayed only as you can see in a horizontal position and in sticky mode. You can make that the menu in the iPad in horizontal position is displayed correctly as in a normal PC while in an upright position with the toogle-menu like the iPhone. If this is not possible I would prefer that there was in the iPad the toogle-menu as in the iPhone in both positions.

Thanks for your help.

Wineyes

[Veena]

1.Pls change the header custom CSS position: fixed to position: relative.

#header {
position: relative;
}

2.Pls include the below custom CSS in themeoptions –

@media only screen and (max-width: 1024px){
#primary-menu {
display: none !important;
}}
@media only screen and (max-width: 1024px)
{
#mobile-menu, #mobile-menu-toggle {
display: block;
}}

[Raghavendra]

If you need the sticky menu to be present in the mobile(from your customization, it seems like you are trying to achieve the same) , pls see if modifying the following code in js/main.js at line number 88 –

if (width > 768 && mo_options.sticky_menu) {

to

if (mo_options.sticky_menu) {

helps.

[IT EXPERIENCE]

Works fine! Thank you for your essential support.

Greetings

Wineyes

[Author]

Posts