Working in Safari but not Firefox

The problem seems to occur only when I’m not logged in to the WordPress backend.

Hmmm. This is interesting. Can you send me a link to your site so I can check it out?

How do I PM you on here? The clients have asked me to keep the site private until it goes live, and in any case you’ll need your own login details if you’re to see both the front- and back-end.

The custom CSS is below. The most noticeable difference without it is the big black and white bars between the header image and the navbar. The site width is also constrained to 1200px, and the page content width is further constrained so the columns look horribly cramped.

.site {background: #fff center; min-width:800px; max-width:none}
/* .site {background: url(https://egni.coop/wp-content/uploads/2013/10/mainbg.png)} */
.site-header .home-link {min-height:125px}
/* .site-header {background-position: 50% 85%} */
.site-header {background-color: rgb(235,227,215)}

.navbar {max-width:none}
.nav-menu li:hover > a, .nav-menu li a:hover {background-color: #990000}
.nav-menu .sub-menu, .nav-menu .children {background-color: #990000}

/* .entry-header, .entry-content, .entry-summary, .entry-meta {max-width:960px} */
.sidebar .entry-header, .sidebar .entry-content, .sidebar .entry-summary, .sidebar .entry-meta, .site-main .sidebar-inner {max-width:1540px}
.entry-header {margin-bottom:0px}

a:hover {color: #ff850b}

/* .su-column-inner {min-width: 480px} */

.cycloneslider-caption-description {font-size:18px}
.cycloneslider-template-standard .cycloneslider-caption-description{font-size:21px}

/* .pta-contact-form {max-width:640px;max-height:480px} */

.entry-meta {display:none}

/* .navigation {background: #f7f5e7} */
/* #social {background: #f7f5e7} */

/* *** Footer hack *** */
/* html, body {margin:0; padding:0; height:100%;} */
 .site {min-height:100%; position:relative;}
 .site-main {padding-bottom:5.5em;   /* Height of the footer */}
.site-footer {position: fixed;
   bottom:0;
   width:100%;
   height:5.5em;   /* Height of the footer */ }
	<!--[if lt IE 7]><style media="screen" type="text/css">#container {height:100%;}</style>

/* *** Login window *** */
#login h1 a {margin-bottom:5px}

/* *** Page-specific hacks *** */
#post-153 .entry-header {display:none}
#post-16 h3 {display:none}

Hi Dion,

Is the url the same as the one in the .site background image? If so, could you make sure the plugin is enabled so I can see what it’s printing out?

I don’t know how to PM here. You can find me on twitter @johnregan3. Follow me and send me a message. We’ll get this worked out.

Thanks,

John

Yeah correct. That was a bit of an oversight on my part!

I’ve found you on Twitter but can only message you if you follow me back.

Thanks!

Dion

Hi Dion,

Hmmm. I took a look at it, and this is indeed a tricky one. Can you try disabling your other plugins, then check to see if it works? It might be a conflict there somewhere.

John

Admin Note: This issue was worked out via Twitter. The issue was a conflict with another plugin.

So, John, which plugin did it conflict with? It would be helpful to know.

It looks like it was “Private Only,” which I’m not familiar with. I hope this helps!

It was Private Only: https://www.ads-software.com/support/plugin/private-only
Not an issue for us because the clients only want to keep the site private until it goes live, and if you’re logged in the problem doesn’t occur.