Portions Page Header Title disappears on smaller screens

disappears page header

- 6 years, 6 months ago MG
  Participant
  
  Expired
  
  Hello,
  
  Depending on the length of a page title, when the screen is getting smaller and the title is responding and adjusting… the bottom part of the title disappears under the fold.
  
  I tried some of the code I found on the forum. I tried a little bit of my own.
  
  Is there a way that we can tell the page header height to be fluid on the smaller screens without making the default page header height really large to start with?
  
  Thanks for being great!
  
  M
  
  Start of getting smaller (looks fine here):
  
  Mobile sized:
- 6 years, 6 months ago Mirela
  Participant
  Hello,
  
  I added this code into your custom css box:
  
  /*page titles in mobile*/ @media (max-width:480px){ .header_page.normal h1 { width: 100% !important; line-height: 21px; padding-top: 15px; font-size: 15px !important; } } /*page titles in ipad*/ @media (max-width:979px){ .header_page .page_parents { width: 40% !important; margin-top: -30px !important; } .header_page.normal h1 { width: 60% !important; line-height: 23px; font-size: 19px !important; padding-top: 10px !important; }}
  
  It is responsible for titles in mobile mode. This is the result, screenshot.
  
  Best regards!

Viewing 1 reply thread

You must be logged in to reply to this topic.