Toggle Mobile Images Layout Overlay

  • Resolved misterblacktea

    (@misterblacktea)


    10 years, 5 months ago

    Just purchased your wonderful Tracks Layout Bundle. Very happy with it! I was just wondering if it is possible to toggle the (permanent) post title overlay for the mobile versions of the Full-width and Two-Column Images Layout. I would rather just like to see the images there. Any help very much appreciated, thank you!

Viewing 3 replies - 1 through 3 (of 3 total)
  • Theme Author Ben Sibley

    (@bensibley)

    Thanks for upgrading!

    That’s a good suggestion, and I will add an option for that in an upcoming update. For now, you can use the following CSS to hide the post title overlay at mobile widths:

    @media all and (max-width: 900px) {
  .excerpt .overlay {
    display: none;
  }
  #main .excerpt-container {
    display: none;
  }
}

    You can copy and paste that code into the “Custom CSS” section in the Customizer (Appearance > Customize). Once added there, it should take affect right away.

    That will show the images without the titles at mobile/tablet widths, and then display the titles on hover (as normal) on desktop widths.

    Thread Starter misterblacktea

    (@misterblacktea)

    Did the job! Thank you, Ben

    Theme Author Ben Sibley

    (@bensibley)

    You’re welcome ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Toggle Mobile Images Layout Overlay’ is closed to new replies.