Browser window formatting

[Brian]

When minimizing partially the website on Chrome, the top nav menu goes into a weird partial mobile format at approximately 1800×800 pixels. Please advise with CSS fix, thanks!

[Sonnal S Sinha]

Hi,

Kindly show us your website URL so that we can assist further.

Regards,
Chris

[Brian]

Here: http://a18.048.myftpupload.com/

[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

[Brian]

http://imgur.com/a/kKlag

[Sonnal S Sinha]

Hi,

Unfortunately, this is not our theme http://a18.048.myftpupload.com/

Regards,
Chris

[Brian]

Chris, it is your theme. Here’s the URL that matches the screenshots I sent you – https://elliantcounseling.com/ SKT Yogi theme

[Sonnal S Sinha]

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:1169px) {
.signin_wrap .right { width:60% !important;}
.header .header-inner .logo { float:none !important; text-align:center !important; margin:0 auto !important;}
.header .header-inner .nav { background-color:transparent !important;}
.header .header-inner .nav ul li a { padding:15px 5px !important;}
}

Regards,
Chris

[Brian]

Thank you, still having issues with the tablet menu font color (mobile is OK): http://imgur.com/a/rcZGy

[Sonnal S Sinha]

Hi,

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

Add this code there:

@media screen and (max-width:1023px) {
.header .header-inner .nav ul li a, .header .header-inner .nav ul li.current_page_item ul li a { color:#282828;}
}

Regards,
Chris

[Author]

Posts