Support » Fixing WordPress » menu bar alignment

  • I m using Wordsmith Anvil theme and wanted to uplift the menu bar a little because there is a gap between the header and the menu bar.
    Can you please tell me where I can edit the alignment of the menu-bar in Editor.

    My website is http://www.ammasbiryani.com

Viewing 7 replies - 1 through 7 (of 7 total)
  • Moderator Andrew Nevins

    (@anevins)

    Are you using a Child Theme, Custom Theme or Custom Styles plugin?

    Thanks for the response Andrew , I m using child theme

    Moderator Jan Dembowski

    (@jdembowski)

    Brute Squad and Volunteer Moderator

    You’re really not using a child theme. 😉

    http://ammasbiryani.com/wp-content/themes/wordsmith-anvil/style.css

    Create a directory called wp-content/themes/wordsmith-anvil-child and put this style.css in it.

    /*
    Theme Name: Wordsmith Anvil Child
    Description: Child theme for the Wordsmith Anvil theme
    Author: Self Help WordPress User
    Template: wordsmith-anvil
    */
    
    @import url("../wordsmith-anvil/style.css");
    
    /* Put your CSS after this line */

    Activate that Wordsmith Anvil Child theme in your WordPress dashboard.

    Then use a CSS tool such as Firebug and inspect the menu bar. When you identify the CSS (I think it’s #header but play with it) then add that to the wp-content/themes/wordsmith-anvil-child/stlye.css file.

    Moderator Andrew Nevins

    (@anevins)

    The following “gap”, what I see, is being applied by;

    header.sitename {
     border-bottom: 10px solid #C8C862;
    }

    In your Child Theme CSS file, try

    header.sitename {
     border-bottom: none;
    }

    Is this the gap you see?

    Thanks andrew and Jan for your help.
    It worked for me.

    Thanks again

    Moderator Jan Dembowski

    (@jdembowski)

    Brute Squad and Volunteer Moderator

    You’re welcome. Thanks Andrew for getting the CSS. 😉

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘menu bar alignment’ is closed to new replies.