• I’m on PC so I couldn’t see this until someone else opened it on their Mac.
    I’m using X Theme and my top navbar menu looked good on Chrome and IE, but Safari knocks it (the category text) below white header space into the slider. The menu categories should be inline with logo on the white strip, hence the black text. When scrolling the menu comes back, black text, white background, but in start position it’s forced down.

    Here’s the link. It’s seen correctly, or the way I designed it on a PC. in the white bar, so it has to be viewed through the Safari browser to see the difference.

    https://themetamodern.com/

    Thank you for your consideration,

    Eric

Viewing 2 replies - 1 through 2 (of 2 total)
  • Eric,

    I think if you reduce the left/right padding slightly in line 1229 from 1.429em to a little less this should help things stay on one line better if that’s a possibility. Hope that helps. Below is where you’d make the change.

    .x-navbar .x-nav>li>a {
    float: none;
    padding: 0 1.429em;
    line-height: 1;
    font-weight: 500;
    letter-spacing: 2px;
    text-decoration: none;
    color: #B7B7B7;
    }
    Thread Starter ejwickes

    (@ejwickes)

    Thank you, I copied that.

    But the trouble is that when I open the CSS for X, there’s nothing there! Just this:

    /*

    Theme Name: X
    Theme URI: https://theme.co/x/
    Author: Themeco
    Author URI: https://theme.co/
    Description: An immensely powerful and endlessly customizable WordPress theme.
    Version: 2.0.0
    License: GNU General Public License v2.0
    License URI: https://www.gnu.org/licenses/gpl-2.0.html
    Text Domain: __x__

    */

    Where are all the elements?

    And when I try to make a Child Theme and test it, it looks nothing like the Integrity stack that I worked on.

    Severe learning curve.

    Thanks again.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Mac/Safari knocks main menu nav bar text into slider below.’ is closed to new replies.