ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Atelier
• March 15, 2016 at 3:50 am #255408
  ktdoyle

  Member

  Post count: 44

  Hi,

  I have set up a few pages on my client’s website which are hero/content split layout with hero image on the left side of the split page:

  http://66.147.244.217/~futaride/production/our-director/
  http://66.147.244.217/~futaride/production/what-we-do/
  http://66.147.244.217/~futaride/production/testimonials/
  http://66.147.244.217/~futaride/production/contact/

  I like how these look on laptop/tablet (landscape), however, is it possible to show the full image on mobile/tablet (portrait) instead of the partial image? I know the hero image in this layout is used as the basis of a title page, which is why it’s responsive and displays as it does on mobile, however my client doesn’t want the title shown, just the image. (Screens attached.)

  Many thanks in advance for your help.

  Warm wishes,
  KT

  Attachments:

  You must be logged in to view attached files.
  March 15, 2016 at 9:34 am #255447
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Hi

  Try adding this to your custom css:

  @media only screen and (max-width: 479px) { 
  .page-heading.fancy-heading {
    max-height: none;
  }
  .fancy-style .page-heading.fancy-heading {
    height: 100vh !important;
    object-fit: cover;
  }
  }

  – Kyle

  March 15, 2016 at 10:12 am #255459
  ktdoyle

  Member

  Post count: 44

  Hi Kyle,

  Thanks so much for the code. That works great. Looks fab on mobile in portrait orientation 🙂

  Is it possible to make the image display fully for tablet in portrait orientation too?

  Many thanks and warm wishes,
  KT

  March 15, 2016 at 10:18 am #255460
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Increase the max width to 768

  – Kyle

  March 15, 2016 at 11:12 am #255475
  ktdoyle

  Member

  Post count: 44

  Oh wow! Kyle, that’s awesome! Worked a treat! So happy, thank you 🙂

  Warm wishes,
  KT

  March 15, 2016 at 11:15 am #255476
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  No problem 🙂

• Back to forum

  Posted in: Atelier