This topic has 6 replies, 3 voices, and was last updated 10 years by 
-
-
Hi! 🙂
by hitting this last problems, we are getting ready to launch soon!As you could see, we have a 3-columns-layout. We did this by choosing single-layout in sweetdatesettings
+ then adding sth like this code to bp-before-wrap/after-wrap.php:COPY CODE<div class="row"> <aside class="five columns" id="leftbar"> <?php dynamic_sidebar( 'sidebara' ); ?></aside> <?php /* Before content - action */ ?> <?php do_action('kleo_buddypress_before_content'); ?>A simple 3-6-3-columns layout didnt seem to work..
Problem now:
For this present boxstyle, I gave %-width to sidebar/content/sidebar, looks perfect on a desktop but this makes a sidebar being about 20% on a smartphone-display too.So – how could i create a 3-column more effective?
OR
How could I define a “display:none” for the sidebars as responsive + give the activity-stream-section 100%-width on smartphones?Thank You!
/* iphone */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
img { max-width: YOURVALUE%; }
?yes, that was what i tried..
added a sidebar/display.none to all sizes lower than 768 in responsive.css
but that doesn’t work^^Hi Anchora, If I understand correctly you want something like this: http://d.pr/i/bIeZ .
It’s ok to have 3 columns but it’s not a good SEO practice to put sidebars before main content so, as a basic structure we sugest to have:1). In buddypress-before-wrap.php:
2). In buddypress-after-wrap.php:
I’m usin pull and push classes to switch columns at large resolutions. In mobile view these columns become 100% width and the main content is in its place, before the sidebars like this: http://d.pr/i/gPq4
If you like to hide sidebar at small(mobile) resolution you need to add “hide-for-small” class to the sidebar.
Regards,
RobertHi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
The forum ‘Sweetdate – WordPress’ is closed to new topics and replies.
