Skip to:

Extend the page tabs width?

  • Profile photo of Mark



    I would like to extend the width of the page tabs in buddypress default theme. If I use more than 8, a second row is formed when there is plenty of room on a single row.

    I have see some people suggest that I should be changing ul#nav to max-width 100% but am unaware as to which css file I am supposed to be doing this in. Any help greatly appreciated.


Viewing 4 replies - 1 through 4 (of 4 total)
  • Why the new thread?


    1. Make a new folder inside “themes”. Call it whatever you wish
    2. Make a new “style.css” file inside your new theme folder
    3. Paste this code into your “style.css” file and then activate your new child theme

    Theme Name: My Theme
    Description: My BuddyPress Child The,e
    Template: bp-default
    Tags: buddypress

    /* Parent styles */
    @import url( ../../plugins/buddypress/bp-themes/bp-default/style.css );

    /* Custom styles */
    ul#nav {max-width: 100%;}

    Bear in mind that IE 6 doesn’t understand max-width… only width. Then again, the BP default theme is no IE 6 friendly anyway (although it wouldn’t take much to make it so).

    Profile photo of Mark


    Thanks David,

    I’ve only just noticed that I got a reply here, its still been bugging me! That looks quite complicated, is there no simpler way?

    Thanks again,

    Not really, it’s more complicated than it need be for a simple property adjustment but thats the way of things, creating a child theme is a good idea even though fairly involved – once done you’ll realise it’s not really – it will allow freedom to adjust/overwrite further styles set in the default theme without fear of your changes being overwritten, also if things go wrong simply re-select the BP-default theme in the dashboard.

    As for the width issues and IE I’m not really sure why max-width was used, as David says default theme is not IE <8 friendly but it ought to be and could be quite easily, state width as 'max-width' & 'width' to keep IE happy.

    Profile photo of LPH2005


    Here is a link to more details on building a child theme (an excellent way to work with BP).

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Extend the page tabs width?’ is closed to new replies.
Skip to toolbar