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

Header Title not Responsive

#header #responsive
    • 9 years, 5 months ago governancecoach
      Participant

      Expired

      Hello…

      My problem is this.  The main title in the header does not get smaller when used on a smaller device like cell phone or ipad.  How do I make the font size of the header title/subtitle decrease with size of the device?

      This should really be a selectable option in the settings of the theme or should be automatic when you select yes to the site being responsive.  I have seen this option in other themes so it is clearly possible and would eliminate a common support issue.  Its disappointing that we even have to ask for a common sense need of a marketed ‘fully responsive’ site.  Please make that part of your updates.

      Thank you..

      Jessie

       

    • 9 years, 5 months ago governancecoach
      Participant

      Expired

      This reply has been marked as private.
    • 9 years, 5 months ago Mirela
      Participant

      Hello,

      Please add this code into your custom css box:

      @media (max-width: 480px){
      .header_page.with_subtitle.centered .titles h1 {
      line-height: 10px !important;
      font-size: 20px !important;
      }
      .header_page.with_subtitle.centered .titles h3 { font-size: 17px !important;}
      .header_page.with_subtitle .titles { top: 55% !important;}
      }

      Thank you for the suggestion. I will notify the developer team for future updates.
      Let us know if you need further help.

      Best regards!

    • 9 years, 5 months ago governancecoach
      Participant

      Expired

      Thank you for the reply.  It only seems to be working on the headers that have a subtitle.  Most of our pages do not have a subtitle…is there something else I need to add so that those pages will also act in the same way?

      Also, it seems to work on the cell phone size but not on the tablet size.

      Thank you!

    • 9 years, 5 months ago Kris
      Participant

      Hello,

      Add this css code:

      @media (max-width: 480px){
      .header_page.centered h1 {
          font-size: 21px;}
      }

      Best regards!

      • This reply was modified 9 years, 5 months ago by Ruco.
    • 9 years, 5 months ago governancecoach
      Participant

      Expired

      Ok so I added that code as well and it did nothing to the pages that just have a centered title…there is still words of the title cut off in mobile view.   It should say ‘Already Using Policy Governance’  and it only says ‘Already Using’ and I dont see any font size change.

      Please let me know how to fix this properly.

      Thank you!!!!!

      ps…I have to say this again, this really needs to be a standard setting in this theme that is supposed to be fully responsive.  Its very frustrating going back and forth on something that should be there already.

       

    • 9 years, 5 months ago Mirela
      Participant

      Hello,

      For the ipad layout size, please add this code into your custom css box too:

      @media (max-width: 979px){
      .header_page.with_subtitle.centered .titles h1 {
          line-height: 17px !important;
      }}

      for the titles withour sub-titles in mobile, add this code:

      @media (max-width: 480px){
      .header_page.centered h1 {
          line-height: 52px !important;
          padding-top: 7% !important;
          font-size: 25px !important;
      }}

      Edit the values to your wish.

      As i said in my previous reply, Thank you for your suggestion. I will notify the developer team for future updates.
      Please be patient until the next update.

      Best regards!

Viewing 6 reply threads

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