Header breaking in Safari

  • Resolved dford

    (@dford)


    9 years, 8 months ago

    Hi, I have this problem with my header.

    Please visit https://www.selfreliancecentral.com first with Chrome/FF, and then with Safari. The issue I am having is in Safari.

    The squirrel logo (top left of page) gets dropped down to the middle of the top menu. Any help much appreciated.

Viewing 7 replies - 1 through 7 (of 7 total)

  • I am having exactly the same problem!

    Theme Author acosmin

    (@acosmin)

    don’t minify the javascript files and you’ll be fine.

    Thread Starter dford

    (@dford)

    Thanks for your reply. I turned off minification and still have the same problem.

    Theme Author acosmin

    (@acosmin)

    I can’t really tell well the problem is. You have so many plugins activated, cached/minified code…

    Hi,

    i uploaded my Logo before having set any plugins and have the same error.
    This error appears only in Safari, in Firefox everything is fine.
    Can you please help how to fix this error?

    Thank you

    Theme Author acosmin

    (@acosmin)

    Try this – in style.css find:

    .logo {
	display: inline-block !important;
	position: absolute;
	font-size: 36px;
	letter-spacing: 10px;
	font-weight: normal;
	text-transform: uppercase;
	text-align: left;
	top: 50%;
	left: 35px;
	transform: translateY(-50%);
}

    and add before transform: translateY(-50%);:

    -ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);

    Thread Starter dford

    (@dford)

    Much appreciated, that fixed it! Thanks, acosmin.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Header breaking in Safari’ is closed to new replies.