Adventure – navigation disappears on tablet

[Elizabeth]

The top navigation (header area) disappears on the general pages if:
1) I add a feature image to the top
2) I open the site on a tablet device (in portrait) or I reduce the browser width on my desktop to a tablet width).

See nourishcooking.com.au

[Sonnal S Sinha]

Hi,

Can you send us the screenshot of your issues? Upload your screenshot on imgur.com and paste the share url here.

Regards,
Chris

[Elizabeth]

See
https://imgur.com/Tqeyjz1
And
https://imgur.com/75RiYB0

The images show – in this order:
1) page 1 – Desktop (OK in both instances)
2) page 2 – tablet (NOT OK in both instances)
3) page 3 – mobile (OK in both instances)

This issue only occurs when the table device is in portrait format.

[Elizabeth]

Is there any update to the issue above? It has been a few days.

E Griffiths

[Sonnal S Sinha]

Hi,

Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

.touchon #simple-menu { z-index:1000000;}

@media screen and (max-width:63.938em) and (min-width:48.000em) {
.page_head { min-height:120px !important;}
}

Regards,
Chris

[Elizabeth]

Hi there,
The formatting is now OK but I still have no menu when the browser is set to tablet (portrait) mode (see https://imgur.com/G3oVIBK).

This is the case in safari and google chrome.

Also, I have ticked “notify me of follow-up replies via email” but I am not getting email notifications.

Regards
Liz

[Sonnal S Sinha]

Hi,

Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

@media screen and (min-width:768px) and (max-width:1024px) {
#simple-menu { z-index:10000;}
}

Regards,
Chris

[Author]

Posts