Skip to:
Content
Pages
Categories
Search
Top
Bottom

Buddypress menu resizes automatically

  • Avatar of Shripad
    Shripad
    Participant

    @shripad

    5 months ago

    Hi,
    I am using a buddypress default theme and the menu changes automatically when I resize the browser. They menu buttons are normal and small when the browser is of the normal size but when I make the browser window small, after a certain point, the menu buttons become wide and stack up below each other. I assume this has something to do with the theme being responsive, If I dont want that to happen, is there anyway to stop that?
    I could explain this better if I could attach snapshots. Please let me know hoe to achieve this.
    Thanks,
    Shripad

Viewing 3 replies - 1 through 3 (of 3 total)
  • Avatar of @mercime
    @mercime
    Keymaster

    @mercime

    5 months ago

    Then you just have to override that in your child theme. BP Default’s responsive.css https://buddypress.trac.wordpress.org/browser/tags/1.6.2/bp-themes/bp-default/_inc/css/responsive.css

    See line 211 https://buddypress.trac.wordpress.org/browser/tags/1.6.2/bp-themes/bp-default/_inc/css/responsive.css#L210 where it expands #nav li to 100% of containing div. If you’re going to remove or change that, you’d need to work on for the #nav li which is set at 46% of container on line #43 of same file.

    Avatar of Shripad
    Shripad
    Participant

    @shripad

    5 months ago

    I am not using a child theme, I am just using BP’s default.css to make changes, and I dont see any of those lines in that file.

    Avatar of @mercime
    @mercime
    Keymaster

    @mercime

    5 months ago

    I am just using BP’s default.css to make changes, and I dont see any of those lines in that file.

    @shripad first, do not make your changes in BP’s default.css file as it would be overwritten when you upgrade your BuddyPress plugin. You should create a child theme of BP Default theme instead and just make the changes in your child theme’s stylesheet. Or use a WP theme and install the BP Template Pack plugin to make BP templates compatible with your theme. Or, wait for BP 1.7 where BP templates will automagically be included in your WP theme.

    As for the responsive styles, they are not in default.css file but in the responsive.css file I linked to above. You’d find it in the same folder where default.css is located.

Viewing 3 replies - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

Topic Info

Topic Tags