responsive Design

Hello,

I have an issue using this Theme with Buddypress on a mobile device (smartphone).
The Notifications in the tab on a members Profile are displayed wrong (only in vertical format - in horizontal format everything is fine)

Is there a solution for this or do I have to fix it with the override.css etc.?

IMG-20140109-WA0000.jpg

Thanks

Hi,

Could you provide an URL to your website? (here or via PM) then I'll be able to help you with that.

sure:

http://www.cultshare.at/proto/alpha/test/cultshare/02/

Hi,

Try to add this code into css/override.css file

Code: Select all

@media (max-width: 600px) {
.buddypress article section .notifications td span.gk-table-label {
      display: none;
   }
}

Seems to work
Perfect Thank you

Another Question:
Is it possible to fix the header with the menu?
Now I'm using:

Code: Select all

#gk-top {
   position: fixed;
   width: 100%;
   z-index: 100;

But this doesn't work. The menu is displayed like this:


The problem is on the right side:(

https://www.dropbox.com/s/pbkmv5otmdwhw ... .35.37.png

Hi,

You should add class"gk-page" into gk-top div: (Msocial/layouts/header.php file)

Code: Select all

<div id="gk-top" class="gk-page">