• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Outreach Header Problem on Safari

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › Design Tips and Tricks › Outreach Header Problem on Safari

This topic is: not resolved

Tagged: centering, header, outreach, safari

  • This topic has 3 replies, 3 voices, and was last updated 7 years, 11 months ago by Doug.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • April 19, 2015 at 8:05 am #148412
    Doug
    Participant

    I am having an issue that only appears on Safari browser. The header area on Outreach Pro is centered on other browsers but not on Safari (looks like it shifts a bit to the side). Any fixes for this?

    Here's the site I am creating: http://platinumdentalstaff.com/

    Seems to be fine (centered) in IE, Firefox, and Chrome, but not Safari.

    http://platinumdentalstaff.com/
    April 19, 2015 at 11:05 am #148423
    Victor Font
    Moderator

    The site looks fine in Safari. Safari is stubborn about clearing it's cache and reloading style sheets after changes. Clear all of your web history in Safari and reload your site. It will look fine.


    Regards,

    Victor
    https://victorfont.com/
    Call us toll free: 844-VIC-FONT (842-3668)
    Have you requested your free website audit yet?

    April 19, 2015 at 4:18 pm #148466
    Craig
    Member

    Hi Doug, your logo appears off center in every browser I tested (more so at smaller resolutions).

    Could I first suggest editing the header/logo again and making sure that the logo is in the dead center (using guides or in Photoshop it will snap to grid if this option is turned on). At the moment it appears slightly to the left (I notice the image itself is 1200x 200, this could be trimmed down to the edges of the logo).

    Then when editing the CSS, make sure that the background position is set to center center or top center, whichever produces the best results.


    @craigsimps | craigsimps.com

    April 20, 2015 at 12:34 pm #148572
    Doug
    Participant

    Victor - I wondered if that were the case also, but have tested it on a couple different devices using Safari that had never loaded it before and it still comes out off-center. In fact I found this site and tested it here and it shows off-center here too: https://www.url2png.com

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2023 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble