search

anydigital / drupal-tweme

Ultra lightweight Bootstrap theme for Drupal.
https://www.drupal.org/project/tweme
62 stars 9 forks source link

Why bootstrap panel react so? #55

Closed stefanocardo closed 7 years ago

stefanocardo commented 7 years ago

Hi Tonystar,

as you can see here: http://www.bassclarinetwork.com/vandoren-B50

If I use it on a mobile phone or on resolution 320x480 I see the panels under Image stacked each other. The only panel unstacked (separated) is the last one (More).

The Drupal Page is a panel with this structure:

panel design

The stacked panels are all in the first row.

Thank you so much in advance!!

Stefano

tonystar commented 7 years ago

@stefanocardo what do you mean by "unstacked"? can you please attache a screenshot? thanks!

stefanocardo commented 7 years ago

Hi! You can see here http://www.bassclarinetwork.com/vandoren-B50

Redicing the size of the window of the browser

Thank you!!!

stefanocardo commented 7 years ago

When you have something like a smartphone, the four regions which have a Boostrap Primary Panel appereance, results without a space between them.

stefanocardo commented 7 years ago

panel problem

tonystar commented 7 years ago

This is because first 4 blocks are in the separate row, and in your setup each row has bottom padding:

.panels-flexible-26 .panels-flexible-row {
    padding: 0 0 0.5em 0;
    margin: 0;
}

Closing the issue since it's not related to Tweme.