Codeless
  • Support Home
  • Themes
  • Support
  • WordPress Tutorials
    • How to Start a Blog
    • Best Website Builders
    • Best Small Business Hosting
    • Email Marketing Services
    • Cheap WordPress Hosting
  • Video Tutorials

Community Forums

Portions Page Header Title disappears on smaller screens

disappearspage header
    • 9 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:

    • 9 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.

Login

Log In
Register

Renew Support

  • Renew Specular Support
  • Renew Tower Support
  • Renew Folie Support
  • Renew Handel Support
  • Renew June Support
  • Renew Picante Support
  • Renew Thype Support
  • Renew Regn Support

Search Forums

Forums

  • Bygge – Construction Theme
  • Converta – Software Theme
  • Folie – The WordPress Website Builder
  • Handel – Responsive Multi-Purpose Business Theme
  • June WooCommerce WordPress Theme
  • Livecast – Podcast Theme
  • Picante – Restaurant & Food WordPress Theme
  • Regn | Agency & Business WordPress Theme
  • Remake – Minimal Portfolio & Agency Theme
  • Specular – Multi-Purpose WordPress Theme
  • Suggest us Features
  • Tower – Business-Driven Multipurpose WP Theme
  • Vibrance – Photography Theme

Site Links

  • Support Policy
  • Specular Support Forum
  • Video Tutorials
  • Knowledge Base
  • Guides and Reviews

Useful Articles

  • Build a Website
  • Web Design & Development
  • Hosting
  • WordPress

Login

Log In
Register Lost Password