[Jamie SParticipant]

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

[ChristianModerator]

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. 🙂

[Jamie SParticipant]

Worked like a charm. Thanks for the great support.

[ZeshanMember]

You’re Welcome!

[Jamie SParticipant]

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?

[ZeshanMember]

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.

[Jamie SParticipant]

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

[CousettMember]

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

[Jamie SParticipant]

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;
}

[Nabeel AModerator]

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!

[Jamie SParticipant]

Visual composer is updated and cache is cleared but this issue is still not resolved. Can you suggest another solution.

[ChristopherModerator]

Hi there,

Please try this code :

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

Hope it helps.

[Author]

Posts