center menu bar?

  • Author
    Posts
  • #702039

    can anyone help me center my “task” bar or menu bar (not sure what to call it) on my site http://www.stuttgenstudios.com I have custom CSS. thanks in advance :)

    The blog I need help with is stuttgenstudios.com.

    #702134

    I can’t figure out a way to do this that does not have drawbacks. In some themes, the menu items are included in a div that can be centered using a “trick.” The problem is though that this trick needs things in the markup and CSS to be arranged in a certain way and this theme does not have that. Then you toss on top of that the fact that this theme is what is called a “reactive” design which means it will adjust for virtually any smaller screen size such as on tablets and smartphones and still retain the same general design.

    Perhaps someone with more CSS experience will come along with an idea, but I can’t figure out how to do it without it breaking when you go to smaller screen widths.

    #702285

    devblog
    Member

    would this work for you?

    .menu {
    overflow: hidden;
    }
    
    .menu ul {
    overflow: hidden;
    padding-left: 12% !important;
    }
    #702291

    devblog
    Member

    Scratch the above, this should be better:

    .menu {
    overflow: hidden;
    }
    
    .menu ul {
    overflow: hidden;
    text-align: center;
    }
    
    .menu li{
    display: inline-block;
    float: none !important;
    }

    See if that’s what you wanted

    #702336

    thanks so much :) it worked and I really appreciate it!

The topic ‘center menu bar?’ is closed to new replies.