Left Navbar Links Cut Off / Top Bar Right Side Internet Explorer Cut Off – Themeco Community

Left Navbar Links Cut Off / Top Bar Right Side Internet Explorer Cut Off

Jamie S — Mon, 07 Jul 2014 16:32:12 +0000

I was unable to find solution in forums or knowledgebase. I did try many snippets of css I found to no avail.

1) Links on left navbar are cut off on smaller screens like 13 inch Macbook.

2) Fish image on right side of topbar cuts cut off in internet explorer.

Can you please assist.

http://www.hotpursuitcharters.ca

Reply To: Left Navbar Links Cut Off / Top Bar Right Side Internet Explorer Cut Off

Christian — Tue, 08 Jul 2014 06:27:13 +0000

Hey Jamie,

Please try the CSS below in your Customizer > Custom > CSS.

.x-navbar-fixed-left .x-nav > li > a, .x-navbar-fixed-right .x-nav > li > a {
padding: 9px 35px;
}

.x-topbar .p-info {
width:100%;
}

Hope that helps. 🙂

Reply To: Left Navbar Links Cut Off / Top Bar Right Side Internet Explorer Cut Off

Jamie S — Tue, 08 Jul 2014 19:52:47 +0000

Worked like a charm. Thanks for the great support.

Reply To: Left Navbar Links Cut Off / Top Bar Right Side Internet Explorer Cut Off

Zeshan — Wed, 09 Jul 2014 19:20:33 +0000

You’re Welcome!

Reply To: Left Navbar Links Cut Off / Top Bar Right Side Internet Explorer Cut Off

Jamie S — Tue, 05 Aug 2014 16:41:49 +0000

After checking up on this it appears to not be working. I may have used the wrong browser when seeing everything working. Any other possible solution for this?

Reply To: Left Navbar Links Cut Off / Top Bar Right Side Internet Explorer Cut Off

Zeshan — Tue, 05 Aug 2014 20:42:08 +0000

Hi Jamie,

Upon checking, it seems that your Custom CSS code in Customizer > Custom > CSS is missing a curly bracket that is causing the CSS not to work. To fix this, simply replace the entire CSS with the following updated CSS:

.entry-wrap, .x-navbar {
background-color: rgba(0, 0, 0, 0.6);
}

.x-colophon {
background-color: rgba(0, 0, 0, 0.6); 

} /* Added missing curly bracket */

.x-navbar-fixed-left .x-nav > li > a, .x-navbar-fixed-right .x-nav > li > a {
padding: 9px 35px;
}

.x-topbar .p-info {
width:100%;
}

Hope this helps. 🙂

Thank you.

Reply To: Left Navbar Links Cut Off / Top Bar Right Side Internet Explorer Cut Off

Jamie S — Fri, 08 Aug 2014 18:47:52 +0000

Spot on. Don’t know how I did that. Thanks 🙂 Awesome Support.

Reply To: Left Navbar Links Cut Off / Top Bar Right Side Internet Explorer Cut Off

Cousett — Fri, 08 Aug 2014 19:25:48 +0000

Glad we were able to help. 🙂 Have a nice day.

Reply To: Left Navbar Links Cut Off / Top Bar Right Side Internet Explorer Cut Off

Jamie S — Thu, 15 Jan 2015 23:50:18 +0000

It appears since this last update my left side navbar menu links have now spread apart and do not all show up on the page. This is the code in the customizer that you gave me to solve this originally.

.x-navbar-fixed-left .x-nav > li > a, .x-navbar-fixed-right .x-nav > li > a {
padding: 9px 35px;
}

Reply To: Left Navbar Links Cut Off / Top Bar Right Side Internet Explorer Cut Off

Nabeel A — Fri, 16 Jan 2015 18:16:43 +0000

Hey Jamie,

Upon checking your site, I see you’ve not updated your Visual Composer plugin and you’ve updated the X theme to latest version, please ensure that you update BOTH X to v3.1.1 and the Visual Composer plugin to v4.3.5, as these releases are meant to be paired together. If only one is updated, there will be some potential JavaScript/styling conflicts.

Let us know how this goes!