As the title says, on a large screen title an excerpt are fine on my site as they pop up when needed.
When responding to mobile size/touchscreen (no mouse over) they title and excerpt are always on by default. This has the effect of covering up most or all of the image and looks demp! I’d like to drop the excerpt part in the mobile situation.
IDEAL SOLUTION:
Large screen > Title and Excerpt displayed on mouse over
Small-Touch screen > Title ONLY is displayed – I want to exclude the except when in this state.
Is this possible, I’ve had a google and a poke in the code but can’t resolve.
Thanks!
Hi sugarwayltd!
Please add following code to Quick CSS in Enfold theme options under General styling tab
@media only screen and (max-width: 768px) {
figcaption.av-inner-masonry-content { display: none !important; }}
Best regards,
Yigit
Thanks Yigit, almost works! On the ipad the caption box no longer appear at all.
However if I look at it in Safari on my mac (with user agent set to iPad 8.1) on MOUSE over the caption box appears with ONLY the Title visible, just as I needed (thanks). iPhone has the same problem.
So the caption box always on, for the iPad etc appears to be turned off now.
Thanks
A
Hey!
Is this solved or not? I’m a bit confused in your response here:
However if I look at it in Safari on my mac (with user agent set to iPad 8.1) on MOUSE over the caption box appears with ONLY the Title visible, just as I needed (thanks). iPhone has the same problem.
What’s the issue again? If you want to remove the excerpt on mobile devices, you can add this:
@media only screen and (max-width: 768px) {
.av-masonry-entry-content.entry-content {
display: none !important;
}}
Cheers!
Ismael