Start a new discussion

To start a new discussion please visit the discussions section of the GitHub home page of the project.

Discussions on GitHub

You can also search our old self-hosted forums for any useful information below but please note that posting new content here is not possible any more.

Max Width to Fill Screen & Center Menu Buttons

Home Forums Older releases 0.9.x Max Width to Fill Screen & Center Menu Buttons

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • #1336


    First, thanks for creating your SmartMenus and sharing them with the rest of us. I love that they work as an addon with Bootstrap.

    My question is in regards to the blue theme, what do you feel is the best way to make it so that the blue gradient extends to fill the entire width of the screen, and then center the buttons on the page?



    First a note since you mention Bootstrap – if you are using the Bootstrap add-on the menus will use the Bootstrap theme (whatever it is). The “sm-blue” theme (class) is not supposed to be used in combination with the Bootstrap add-on.

    If you are not using the Bootrap add-on, you can center the items of a horizontal main menu with some additional CSS – a sample code is posted in the following discussion:

    As for taking the full width – a horizontal main menu would take the full width of its container by default since we have the following styles by default on the demo page:

    #main-menu {

    So it depends in what container you would put it and if it would have any margin/border/padding applied. Or you could also change its positioning to something like (which would work on the demo page with the “sm-blue” theme but might not work with some specific layout, of course):

    #main-menu {


Viewing 2 posts - 1 through 2 (of 2 total)
  • The forum ‘0.9.x’ is closed to new topics and replies.