Ipad and menu issue

[Stephane Wettstein]

Hi,

I experienced issues with IPAD. The complete parallax me website is cut in the right side of the screen when I use an iPad.

I also have issues with menu. The menu appear sometimes in white (in place of black) and are completely unreadable, Reloading of the page doesn’t change anything. Sometime the home menu button appear in red color.

All screens copy are available to this address : https://www.wettstein.org/site2/skt-theme/

Thanks for your help.
Stephane

[Forum Moderator]

Hi,

Kindly go to Appearance>>Theme Options>>Basic Settings>>Custom CSS Box:

Add this code there:

@media screen and (min-width:1024px) and (max-width:1159px) {
.container { width:auto !important; padding:0 20px !important;}
.show-bg nav ul li.current-menu-parent a, .show-bg nav ul li a:hover, .show-bg nav ul li:hover ul li:hover a, .show-bg nav ul li:hover ul li:hover ul li a:hover, .show-bg nav ul li ul li.current-menu-item a, .show-bg nav ul li ul li.current-menu-parent a, .show-bg nav ul li ul li.current-menu-parent ul li.current-menu-item a, .show-bg nav ul li ul li ul li.current-menu-parent a, .show-bg nav ul li.selected a { color:#ff8800 !important;}
}

Regards,
Chris

[Stephane Wettstein]

Thanks Chris, that worked perfectly!

I have an additional issue but I don’t know if it’s linked to the theme or WebDorado photo gallery plugin.

When I watch my Parallax me pro website vertically on a iPhone, all photographies are cut on the right side. I don’t remember to have such issue with my old theme SKT white.

Thanks in advance for your advice.
Best regards,

Stephane

[Forum Moderator]

Hi,

Kindly go to Appearance>>Theme Options>>Basic Settings>>Custom CSS Box:

Add this code there:

@media screen and (max-width:1150px) {
.container { width:auto; padding:0 15px;}
}

Regards,
Chris

[Author]

Posts