Site URL: https://www.studio2299.com/recent-projects
I am trying to show one Portfolio on Desktop and another on Mobile. On Desktop, the portfolio thumbnail titles show up on mouseover. On Mobile, I need to show the portfolio thumbnails with titles.
I've seen a solution that uses Index subpages. The code is below:
" I use index pages and just hide/show the subpages, so the page URL stays the same."
/* show home page block dependent on screen size */
@media only screen and (max-width: 780px) { #home-banner { display: none; } }
@media only screen and (min-width: 781px) { #home-banner-mobile { display: none; } }
However, I'm using version 7.1, so I cannot apply that solution to my issue. Is there something similar that I can do so that the URL for the Portfolio page stays the same?