Mobile Notifications Buttons

[Marcus]

Hi there,

I have a couple icons overlapping on my notifications screen for mobile. http://www.awesomescreenshot.com/image/927476/d7f12f746a4c429a12441488e66dca58 I’m a bit confused to what the css fix for mobile should be, being somewhat of a beginner. Any help would be greatly appreciated!

[Anonymous]

Hi @kigilove, Please add this css inside your child theme’s custom css option

#buddypress #mobile-item-nav ul li {
    height: 60px;
    width: 80px;
    float: left !important;
}

If you still having issue so kindly paste your website url.

Regards

[Marcus]

Thank you for your response Pallavi. However still having the issue. Website is http://www.kigilove.com and I will DM a user login. Thank you!

[Anonymous]

Hi @kigilove, Please add this css inside your child theme’s custom css option..

@media screen and (max-width: 415px)
#mobile-item-nav {
    width: 1034px !important;
}
.mobile-item-nav-wrapper {
    width: 100% !important;
}

Regards

[Marcus]

Thanks Pallavi, however the “read” and “unread” buttons have ceased to work with the css fix.

[Anonymous]

Hi @kigilove, Could you please provide me the screenshot of that section so I can check that.

Regards

[Marcus]

Hi @pallavi

http://www.awesomescreenshot.com/image/947519/c3b12a169e4be9d99e99b8a76c210eab

[Anonymous]

Hi @kigilove, Sorry for the delayed response please add this to align the buttons properly

@media screen and (max-width: 415px)
#mobile-item-nav {
    width: 1034px !important;
}

Regards

[Marcus]

Thanks @pallavi

However, that is the same code you had mentioned before and the “read” and “unread” buttons still don’t seem to work.

[Anonymous]

Hi @kigilove, Seems css priority is not working that why its not applying please add ‘Simple Custom CSS’ plugin and add all css code there (provided here only).

Regards