Hi Greg – Sorry for the late response. For your header image issue, the image is spilling over into the left background. I think that is why it is not minimizing correctly on mobile devices. I see this CSS:
div#icext-16f6e2e3 a, h1#icext-16f6e2e3 a {
top: 15px;
width: 512px;
height: 92px;
position: absolute;
left: 50%;
margin-left: -256px;
}
If you remove the negative margin-left, it looks a lot better on mobile
You could also use some conditional CSS that would apply just to the mobile state. Something like this:
@media only screen and (max-width: 600px) {
div#icext-16f6e2e3 a, h1#icext-16f6e2e3 a {
top: 15px;
width: 512px;
height: 92px;
position: absolute;
left: 50%;
margin-left: 0px;
}
}
And play around with the CSS attributes until it looks good. This would retain your original design for non-mobile displays.
CBOX does not provide swiping functionality, but I did see this article that might help you out. https://css-tricks.com/simple-swipe-with-vanilla-javascript/
There is also a plugin that lets you swipe through members – https://wordpress.org/plugins/bp-member-swipe/
.
