Removing right float in Bueno main navigation

  • neshaffer · Member ·

    The Bueno theme main navigation menu has a css element

    .fr {
    float: right;
    }

    that floats the main navigation menu to the right. I can fiddle with it to float left, but I would like to remove the float altogether so that the menu is centered above the content. I can add all sorts of css commands to the .fr in my custom css that attempt to align the navigation, e.g.,

    .fr {
    margin-left:auto;
    margin-right:auto;
    }

    But none of these cancels out the float right. I tried putting an empty version of it in there

    .fr {
    }

    but of course CSS doesn’t like that, either.

    The blog I need help with is: (visible only to logged in users)

  • justpi · Member · 
    #pagenav {
    float: none;
    text-align: center;
}
.nav li, #header .menu li {
    display: inline-block;
    float: none;
}

    You also need to correct the color of the footer credits: the color scheme you have selected makes them invisible, and that’s against the TOS. Add this and replace 456789 with the hex for the color you prefer: 

    #footer a:link, #footer a:visited {
    color: #456789;
}
  • neshaffer · Member ·

    Awesome, thanks.

  • The topic ‘Removing right float in Bueno main navigation’ is closed to new replies.