Docs

[Ryanbrown1987]

Hey X Team,
On the post grid I have on my homepage test (www.lostboymemours.com/homepage-test) the mouseover effect to show the title is cut off. Is there any way to make these titles responsive to the grid size and to stop them from showing the description below because that gets cut off too. I care more about the article title showing properly than the description. Thanks!

http://www.LostBoyMemoirs.com/homepage-test

Section under “LATEST”

[Rad]

Hi there,

Thanks for writing in.

The titles are not cut off on my end, is this specific to a device? And please provide your admin login credentials in a private reply. I like to see your current settings.

Thanks!

[Ryanbrown1987]

This reply has been marked as private.

[Rupok]

Hi there,

It seems you have long texts that creating issue for small screens. You can use media query to decrease the font-size and spacing as below :

@media only screen and (min-width: 1024px)  and (max-width: 1333px) {
.vc_gitem-zone-mini h4 {
  font-size: 100%;
  margin-top: 10px;
}

.vc_gitem-animate .vc_gitem-zone-b {
  font-size: 14px;
}
}

Let’s change the values or use another instance of media query for different screen range.

Hope this helps.

Cheers!

[Ryanbrown1987]

hey team,
That seemed to work for a temporary solution but is there any way to set the font size of the Title and description below separate? Or make the layover responsive to the size of the image since no mater how much I change the font size, it’ll still be cut off on certain devices as is.

Thanks!

[Paul R]

Hi,

I would like to check but I can no longer access your site.

http://screencast.com/t/J3q8ki39S

Kindly check and let us know.

Thanks

[Author]

Posts