[SteeringProsBlocked]

I’m having an issue with the Topbar overlapping the Navbar and extending RIGHT on mobile devices. I’m running two plugins — McAfee Security and Live Chat — which are supposed to rest on the right side of the screen. On desktop, everything looks perfect. On mobile, the screen scrolls right . . . it looks awful.

I’ve tried multiple suggestions found in this forum to fix the position of the Topbar, but those mess up the alignment of the content I have centered in the Topbar.

Please review the desktop screenshot and the 3 mobile views that highlight this issue.

Please help. Thanks!

Website: https://steeringpros.com
WP Version: 4.4.2
X Version: 4.4.1
Cornerstone: 1.2.2

[RupokMember]

Hi there,

Thanks for writing in! Upon checking your site, it seems fine on mobile on my end – http://prntscr.com/apkmkd

Your screenshot was not uploaded correctly due to exceeded file size. Try uploading within 512KB (with valid image format) or you can use http://prnt.sc/ to upload your screenshot and provide us the link.

Cheers!

[SteeringProsBlocked]

Thanks for the quick reply! Glad to see it was working fine on your mobile device, but I’m still seeing the overlap on all of mine. Please see the included screenshots, and how the page scrolls right on mobile . . .

Thanks!

[RadModerator]

Hi there,

I can confirm that it’s extending to the right (overflowing), but I don’t see any overlapping elements between topbar and navbar.

Please add this CSS to Admin > Appearance > Customizer > Custom > Global CSS

.x-topbar {
overflow: hidden;
}

Thanks!

[SteeringProsBlocked]

Thanks! Worked like a charm. Great fix.

[ThaiModerator]

You’re very welcome 🙂

If you need anything else please let us know.

[Author]

Posts