On desktop, the site displays the portfolio options, but on mobile it only shows an ellipsis. Can I have the options display on mobile as well instead of needing the user to tap the ellipsis? I've attached screenshots.
@media (max-width: 767px){
.portfolio-filters-resp:after {
content: 'Tap the three dots to sort the portfolio by category.';
position: absolute;
font-size: 15px;
left: 0;
top: 50px;
}}
Hi,
On desktop, the site displays the portfolio options, but on mobile it only shows an ellipsis. Can I have the options display on mobile as well instead of needing the user to tap the ellipsis? I've attached screenshots.
Best,
Tom Verdi
HI!
Unfortunately, this is not possible, but using Custom CSS, you can add some explanatory word near the ellipsis.
Okay. Could you show me how to add the CSS to add the explanatory words and what the CSS is?
pls. use following css:
@media(max-width:767px){ .portfolio-filters-resp:after { content: 'Click here'; position: relative; font-size: 20px; left: 25px; top: 5px; }}Hi, I added the CSS code, but the text is cut off on my mobile screen (see attached screenshot). Is there a way to fix this?
Please provide a link to this page.
thomasverdi.dreamhosters.com/film
Please reduce the font-size and the problem will be solved.
thanks! how do I move the text below the three dots rather than to the side of them?
pls. use following css:
@media (max-width: 767px){ .portfolio-filters-resp:after { content: 'Tap the three dots to sort the portfolio by category.'; position: absolute; font-size: 15px; left: 0; top: 50px; }}Great! How do I add more space below the sentence before the portfolio items? see screenshot
Done.
thanks
Welcome!