Visual Composer CTA boxes not responding

[Gavsta]

Hi,

I’m working on a new layout for the home page of my site and have added a couple of CTA  boxes to the page. They work fine until i get to a resolution less than 768px.

They become quite long at that point and stack directly on top of each other without any spacing between them, also the text in the button is pushed out of the the button when viewed at 320px.

I thought adding the bootstrap hidden-sm-down to the image would help reduce this by hiding the image in the middle but it didn’t seem to work. Have I missed a setting somewhere for the CTA boxes?

 

I’ve attached a couple of screenshots to try and show what i mean. I could do with just adding some margin to the bottom of the box, i dont mind if the image has to be hidden at that point but if there is a way to do it without hiding the logo that would be good. I did a bit of reading and found it wasn’t straight forward reordering the columns to stack up (i think it was a limitation with VC from what i read) and i ended up adding the content twice and hiding specific content from view on certain resolutions. This isnt ideal for me, I’ve noticed it impacts page load speeds at busy times.

Anybody got any idea’s?

 

Thanks,

PhilB

[Laura]

Not marked as solution

[Gavsta]

Not marked as solution

[Laura]

Not marked as solution

[Gavsta]

Not marked as solution

[Laura]

Not marked as solution

[Gavsta]

Not marked as solution

[Laura]

Not marked as solution

[Gavsta]

Not marked as solution

[Laura]

Not marked as solution

[Author]

Posts