Docs

[Smarticle]

I’m having an issue with the responsiveness of the slider I’ve created. It’s only 4 slides. Very simple layout. But… the headings and links, plus the black boxes they are in, do not fall into place/respond properly on mobile.

Demo link: http://gkstrategy.wpengine.com
User: demo
Password: 415e8c

Could you take a look for me please and let me know what I need to tweak? Can’t imagine it’s anything major. It’s just that I’ve gotta go live with this site tonight! Yikes! My client needs it, like, yesterday… and this is the last thing to iron out.

It looks/works fine on desktop… although I would prefer to align the left side of that black box with the left edge of the content container, i.e. the left of the G in the site title/logo. The priority is sorting it on mobile, but if you can also provide details to align the boxes left on desktop, even better.

Cheers guys

[Smarticle]

This reply has been marked as private.

[Rupok]

Hi there,

Thanks for writing in! Kindly follow this to get it done correctly – http://www.themepunch.com/revslider-doc/slide-layers/#layercanvas

You can also use media query to adjust this for mobile :

@media only screen and (max-width: 767) {
.rev_slider .tp-caption, .rev_slider .caption {
  font-size: 25px!important;
}
}

Let’s use your own CSS within the media query.

Cheers!

[Author]

Posts