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

Bug in Header – Non-Responsive Logo

    • 9 years, 6 months ago katemccauley
      Participant

      Expired

      Dear Codeless, When the width of the device is less than or equal to 480 px, the logo becomes very small and aligns to the RHS of the header. Please advise how to fix this. Thanks, Kate

    • 9 years, 6 months ago Mirela
      Participant

      Hello,

      Please add this code into your custom css box:

      @media (max-width: 480px){
      #logo { left: -156px !important;}
      .header_tools { left: 38px !important;}
      #logo img.dark {
          max-height: 118px;
          margin-top: -65px;
      }
      .mobile_small_menu { left: 30px !important;}
      }

      Result.
      Let us know.

      Best regards!

    • 9 years, 6 months ago katemccauley
      Participant

      Expired

      Thanks Mihaila.

      No luck. The logo still moves to the right (should be centre) and is exceptionally small.

    • 9 years, 6 months ago katemccauley
      Participant

      Expired

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

      Hello,

      Please send us your wp credentials in a private reply. So we can do it for you.

      Best regards!

    • 9 years, 6 months ago katemccauley
      Participant

      Expired

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

      Hello,

      The code i gave you does the job, but you need to make another edit (i can’t access the file so i can’t do it for you). Go to file css/bootstrap-responsive.css and find this line:
      #logo{float:right;left:0 !important; right:0 !important; -webkit-transform: none !important;
      replace with this:
      #logo{float:right;left:0; right:0 !important; -webkit-transform: none !important;

      Best regards!

    • 9 years, 5 months ago LL84
      Participant

      Expired

      I did this procedure but still not working properly.

      may you please have a look to homointraprendente.it ?

      tks

    • 9 years, 5 months ago Mirela
      Participant

      Hello,


      @lucaleandro
      ,
      The suggested above, is the another site. Your site has different logo, with different dimensions. I believe i have already responded you regarding the logo in responsive.. Please open your own ticket, so we can keep up with the code and the changes needed to be made after it.
      However, this code should fix your issue. Add it into your custom css box:

      @media (max-width: 480px){
      .mobile_small_menu { left: -50px;}
      #logo img {
          height: 70px;
          top: 65px;
          left: -206px;
      }}

      Result.

      Best regards!

Viewing 8 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