Docs

[Nuera]

So we’ve got a site that we’re nearly ready to finalize, but I’m seeing a ton of odd errors in Firefox and I was wondering if you could help me smooth some of these errors out? The errors all disappear when the user starts to scroll, but most of the page headers are showing errors on page load.

1) Homepage: http://mbs.nueramarketing.com/
I’m using the following code to box the header (for style) and also allow the navbar overlap with the coverpage videos/images. I looks terrific in Chrome, but it’s not overlapping properly in Firefox:

/* Navbar Over Hero */
.x-navbar-wrap {
   margin-bottom: -66px;
}

/* Boxed Header */
.x-navbar {
  margin: 0 auto;
  max-width: 1200px;
  width: 88%;
}

2) Supply/Service Pages: http://mbs.nueramarketing.com/truss-manufacturing/
These pages are appearing very messed up right now. I’m using the Cornerstone video background, but in Firefox there are multiple display errors until the user begins to scroll. I’m not even sure how to begin describing the error here.

I’ll provide login creds below as well, so you can take a look if that makes it easier.

Thanks you so much!

[Nuera]

This reply has been marked as private.

[Rupok]

Hi there,

Thanks for writing in! I can see any error on your site before or after scrolling. You didn’t mention about the errors so not sure where it is. It would be great if you clarify with a screenshot.

#1. It looks same on Chrome (see http://prntscr.com/de54l1) and Firefox (see http://prntscr.com/de55dn) on my end. So not really sure what you are referring by “terrific”. If you kindly point us the problem properly then it would be helpful.

#2. It seems you have a blank column on left, I guess it’s causing the issue. You can try adding width: 100%; clear: both; to the Style field for the first section.

Cheers!

[Nuera]

Hey Rupok!

Your suggestion on #2 worked like a charm, so thanks for that!!

As far as #1 goes, I’ve attached a screenshot of the error I’m referring to. This is present on every page with a video header: [Homepage (rev slider), Lumber, Windows, Doors, Millwork, Truss Manufacturing, Construction Solutions, and About]

It’s as if the presence of video in the first section is preventing the nav bar from overlapping the section as instructed.

Really appreciate your help!

[Rad]

Hi there,

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

.home .masthead {
height: 0px;
min-height: 0px;
position: fixed;
z-index: 99999;
width: 100%;
}

Cheers!

[Nuera]

Thanks Rad!

So that worked great on the homepage, but I still have 7 other pages where that error was showing up. I tried duplicating that code and inserting the page titles in place of “.home”, but that didn’t work unfortunately.

How would I apply that fix site-wide?

Appreciate your help!

[Paul R]

Hi,

You can add the code below in Cornerstone > Settings > Custom CSS of the pages you are having an issue.

.masthead {
    position:absolute;
    width:100%;
}

Hope that helps.

[Nuera]

Thank you so much for your help! All bugs are fixed!

[Prasant Rai]

Happy to hear that. Feel free to ask us again. Have a great day! 🙂

[Author]

Posts