• I cannot get our navbar / navigation menu text to center. I know that the setting of it off to the right was intentional, due to the logo previously dipping down into that area, but we’ve changed this (need to use the full navbar) and I cannot figure out how to center the text.

    I figure this is a padding or margin setting, but can’t locate the code to adjust. I have a (rusty and incomplete) working knowledge of HTML, but don’t fully “get” CSS. McGrathSpielberger.com uses Catalyst Theme / Dynamik template (sub-theme?).

    I need guidance on how to locate the code, and although I can probably figure out how to adjust it, any specific direction on that would be helpful as well. Thanks so much.

Viewing 5 replies - 16 through 20 (of 20 total)
  • Try changing the custom CSS you have to this:

    #navbar-1-left {
        display: table;
        float: none;
        left: 0;
        margin: 0 auto;
    }

    Thread Starter McGrathLaw

    (@mcgrathlaw)

    UPDATE: now I am making some progress! I did not know that I could view and edit all of this via webhosting C-Panel, thought only via internal website admin. panel, etc. This “small” piece of knowledge may have just opened the door for me, mentally, as I was able to easily locate the code BlueKlip refers to and I may now try to edit that via C-Panel access.

    (I share the update and the mental process, in part, in case this helps any other struggling users going forward.)

    Cool, but again, I repeat that if you modify any theme files (of a theme that you will update), your changes will be overwritten when the theme is updated.

    Thread Starter McGrathLaw

    (@mcgrathlaw)

    Ok, WP, I just pasted that into the CSs Stylesheet Editor within my website’s admin. area and it worked! THANK YOU for your ongoing help. I partially overthought this, did not previously imagine that just typing stuff in there would result in changes/override existing code/settings. Because I was curious about replacing the customized code (do I call it code or just call it CSS or what?), I also did what I describe below, and that worked as well. All good now! (Considering repeated warnings of these changes being undone if theme is updated, I may use the Custom CSS code instead, ultimately, or have the updated code in both places, which may be interesting.)

    And BlueKlip, thank you also!
    ====================================================

    I found the code referenced by BlueKlip via the C-Panel editor: … /mcgrathspielberger/wp-content/themes/dynamik/css/dynamik-min.css
    All the code there runs together, and the snippet at issue looks like:
    #navbar-1-left{float:right;position:relative;left:-25px;}
    My thought process is that changing the code telling the navbar text to start shifted to the right and be indented by 25px would resolve this permanently without having to use the Custom CSS to override, and I’m trying that. I tried a few things that didn’t work quite right, then put in exactly what WPyogi suggested to replace the above code within the above folder / min.css code in C-panel, and that part now looks like this:
    #navbar-1-left{display:table;float:none;left:0;margin:0 auto;}.

    This corrected my problem, eliminated the indenting of the navbar text, and centered the navbar text.

    I’m glad your problem is resolved ??

Viewing 5 replies - 16 through 20 (of 20 total)
  • The topic ‘Navbar menu text off center’ is closed to new replies.