Buddypress menu resizes automatically
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.
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.
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.
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.
I have the same problem with my bp-default theme, but I didn’t understand what exactly should I change, my website is totally broken when used with mobile phones or viewed on small displays.
Could you tell me pls. what exactly should I do to do not get things one below another but staying always the same?
Definitely a theme issue.
Using chrome, right click on the broken buttons and look at the inspector. You should then see the css that is causing the issue. Then you can change the css with an override or w/e.
I’m not familiar with the theme you’re using, but if you give me URL to your site I can take a look and see.
btw. I use bp-default theme, I have made a lot of customizations there, but most of that was only changing the theme colours and setting the theme width to 800px(I would bet that there should be a problem)
@4ella since you’re using the BP Default theme, please be aware of http://bpdevel.wordpress.com/2013/11/13/the-future-of-the-bp-default-theme/
Going back to the issue at hand, your main navigation links are showing up that way because of the responsive style included in the BP Default theme:
lines 43-50 https://buddypress.trac.wordpress.org/browser/tags/1.8.1/bp-themes/bp-default/_inc/css/responsive.css#L43
lines 211-221 https://buddypress.trac.wordpress.org/browser/tags/1.8.1/bp-themes/bp-default/_inc/css/responsive.css#L211
Thank you @mercime for your warning, I am not very happy with the fact that bp-default is going to be a past, I like that theme, I thought that I will avoid a lot of problems staying with default theme, but for sure developers knows what they do, so I will start to think about the different theme, and will do everything to be a responsive from the start, instead to continue to maintain and edit this one. I would welcome some expert’s recommendation which one should for buddypress fit best now.
I am not very happy with the fact that bp-default is going to be a past, I like that theme
@4ella I understand where you’re coming from. I have 7 customized bp-default child themes to convert 🙁 It was good while it lasted.
As for a WordPress theme to use, seeing that you are a do-it-yourself themer, I would recommend creating a child theme of the Twenty Twelve Theme or creating your own version of _s theme http://underscores.me/ or rolling out your own WP theme. Twenty Twelve and _s are responsive and mobile-first. The difference between the two is that the Twenty Twelve theme gets updated if necessary each WP release while for your _s theme … I don’t know when they update the theme or where they post the changes so you can update your theme accordingly.
This snipped section from the link mercime provided, as can be seen it states existing instals using the bp-default theme will still use it it’s not going to suddenly stop working but changing to the theme compatibility process is in best interests.
If you are already using bp-default, either directly or as a parent theme, don’t worry. BuddyPress 1.9 will detect that you need bp-default, and will continue to register it with WordPress. Note that if you switch away from a bp-default theme (say, for testing), the theme will disappear from Dashboard > Appearance. If you need it back, add the following line to your bp-custom.php file:
add_filter( 'bp_do_register_theme_directory', '__return_true' );
Thank you @hnla and @mercime, I understand very well the situation, no problem for that, it will require a little bit more work for a good thing, I will try to make everything to create a new theme (probably from Twenty Twelve Theme as Mercime suggested) to be very similar to the good old bp-default theme (hope that 2 columns Twenty Twelve will not break my responsive design), because I really liked that theme, anyway thanks both for your advices, I will do exactly as you suggested and will start to create a test site and prepare new theme to start to work with BP 1.9.
- The topic ‘Buddypress menu resizes automatically’ is closed to new replies.