Further screenshots posted to help resolve issue. Looks like there is a resposive sizing issue as well when reducing the browser window width. Please see attached images.
One image shows the portfolio title being displayed incorrectly.
The second image shows the portfolio titles overlapping each other.
1) We have opted for the visible-title style to make the page more presentable with the longer portfolio titles. The only issue with this is on mobile where we could do with a little more margin between the top of the title and the portfolio image. Please see image attached.
Maybe the text needs to be aligned "top" but with a top margin to make all titles consistent?
2) We tested the site on a Microsoft Surface Pro 4 and noticed some strange layout behaviour on the chrome browser.
Hi,
1) We have a portfolio title overlap issue on mobile. Please see attached image.
2) If you visit our homepage our category filter (on the lower left) doesn't seem to be working.
Thanks.
Further screenshots posted to help resolve issue. Looks like there is a resposive sizing issue as well when reducing the browser window width. Please see attached images.
One image shows the portfolio title being displayed incorrectly.
The second image shows the portfolio titles overlapping each other.
Thanks for your help.
Hi,
You have 2 options:
01. Use shorter titles
02. Decrease the size of titles by adding this in Dasboard > Appereance Editor > Custom CSS:
.item-title {
font-size: 20px;
line-height: 28px;
}
.item-title div, .item-title-hover div {
height: 28px;
line-height: 28px;
}
.item-title span {
min-width: 5px;
}
.item-title-hover {
font-size: 20px;
line-height: 28px;
}
.item-title-hover span {
min-width: 5px;
}
Thank you.
Clapat Support
https://www.clapat.com/
Review Envato Item Support Policy
Hi,
Thanks for your support.
1) We have opted for the visible-title style to make the page more presentable with the longer portfolio titles. The only issue with this is on mobile where we could do with a little more margin between the top of the title and the portfolio image. Please see image attached.
Maybe the text needs to be aligned "top" but with a top margin to make all titles consistent?
2) We tested the site on a Microsoft Surface Pro 4 and noticed some strange layout behaviour on the chrome browser.
https://beyondbespoke.com.au/surface-pro-alignment-issue.mp4
Thanks,
Hello,
try adding
1)
@media only screen and (max-width: 767px){
.title-overlay .item-caption {
bottom: -10px;
}
}
in customizer -> additional CSS
2) I will have to forward your question to our web designer
Thank you.
Clapat Support
https://www.clapat.com/
Review Envato Item Support Policy
Sorry to be a pain but the longer portfolio titles are still overlapping their portfolio image above them on different devices.
Is it possible to align text top and then add a top margin to ensure this doesn't happen please?
Thanks again.
Don't worry, we saw that the titles were causing issues for the theme developers so we agreed with our client to use short titles.
Please close.
Will reply to your other ticket shortly.
Thank you.
Clapat Support
https://www.clapat.com/
Review Envato Item Support Policy