Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • March 12, 2015 at 5:03 pm #410582
    GatorPrinting

    Hello all! I’m fairly new to WordPress, and very new to child-theme css editing. I’m trying to have my main menu options be center justified on the screen, at the very top of the screen. It’s a personal website, and I have no logo to display. I can choose no logo and then go into Enfold Child Theme Options and choose “Logo center, Menu below” and the menu options are right in the middle of the screen where I want them, but the padding between the menu options and the top of the display is way too big (because there is all that space for a logo that I’m not using). All I have done to alter css so far is place this in my child theme style.css:

    .html_header_top.html_bottom_nav_header .main_menu ul:first-child>li a {
    padding: 20px;
    text-align: center;
    border-right-style: solid;
    border-right-width: 1px;
    font-size: 24px;
    font-family: sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 100;
    }

    .avia-menu-fx {
    display: none !important;
    opacity: 0;
    }

    Can anyone give me some ideas on how to make this work? Thank you so much everyone!

    March 12, 2015 at 7:59 pm #410691
    Elliott

    Hi Billy!

    Try removing your custom CSS and use this instead.

    #header_main > .container {
  display: none;
}

    If that’s not what your trying to do then go ahead and take a screenshot and highlight your intentions so we can get a better idea.

    Regards,
    Elliott

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.