Portfolio (title) display on tablet and mobile – Venture theme

• 

  bwcommercial · Member · Feb 16, 2017 at 9:28 am

  • Copy link
  • Add topic to favorites

  Hi,

  I have the Venture theme set up and I’m pleased with the look on desktop, i.e. you see the project title when you hover over that specific box.

  However as you have no hover functionality with a mob’ or tablet how could I display the project titles over the top of the images? As otherwise its just showing a load of project images with no detail…

  Hopefully there’s some code that will sort this!

  Any suggestions?

  Thank you :)

  The blog I need help with is: (visible only to logged in users)

• 

  staff-loquaciousloon · Staff · Feb 16, 2017 at 10:39 pm

  • Copy link

  Hi @parcfermesurveyors!

  Try adding this CSS, it should take effect only on tablets and phones :)

  @media screen and (max-width: 768px) {
  .portfolio-grid .hentry .entry-header a {
      opacity: 1;
  }
  
  .portfolio-grid .hentry .entry-header .entry-title {
      top: 50%;
      visibility: visible;
  }
  }

  Let me know how it goes!

• 

  bwcommercial · Member · Feb 17, 2017 at 10:49 am

  • Copy link

  That’s brilliant – that works thank you! :)

• 

  staff-loquaciousloon · Staff · Feb 17, 2017 at 6:12 pm

  • Copy link

  You’re welcome!