Need help? Check out our Support site, then


center menu bar?

  1. stuttgenstudios
    Member

    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.

  2. thesacredpath
    Staff

    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.

  3. would this work for you?

    .menu {
    overflow: hidden;
    }
    
    .menu ul {
    overflow: hidden;
    padding-left: 12% !important;
    }
  4. 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

  5. stuttgenstudios
    Member

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

Topic Closed

This topic has been closed to new replies.

About this Topic