Need help with Menu Buttons and Centering

  • Hey Guys, please find my website : cfcma.org

    I am working on this site for my church and they have requested I shift the navigation buttons towards the center.

    They have also asked for the navigation button text to be Larger .

    Thank you kindly for your help!

Viewing 3 replies - 1 through 3 (of 3 total)
  • Chad

    (@lynneandchad)

    Hi ??

    A couple of CSS changes to center your navbar:

    .menu-primary-container {
  text-align: center;
}

ul#menu-primary {
  display: inline-block;
}

    To make the text larger, you’ll need to increase the font size for the .sf-menu li a and .sf-menu li a:hover styles:

    .sf-menu li a:hover {
  font-size: 14px;
}

.sf-menu li a:hover {
  font-size: 14px;
  cursor: pointer;
}

    I’ve also added a cursor parameter to the hover. That will force the cursor to be the same across the navbar, as opposed to being different on your “About” and “Media” elements ??

    Also, if you aren’t already familiar with them, make sure you read up on creating a child theme. ??

    Thread Starter daysonfeliz

    (@daysonfeliz)

    Chad !

    Thank you my kind friend!!! I tried various other CSS inputs and none got the job done!

    I owe you one!

    God bless ??

    Chad

    (@lynneandchad)

    Happy to help ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Need help with Menu Buttons and Centering’ is closed to new replies.