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

Main Header Transparency on mobile (reponsive)

main headerresponsivetransparency
    • 7 years, 10 months ago jerryxme
      Participant

      Expired

      Hi codeless team!

      Thanks for your work! I am happy until now with your theme! I assume it was a big job, and i enjoy it.

      I have one issue i can’t find a way to go threw, My main header have some transparency and i would like that it is the same in responsive (mobile) but it isn’t.

      Can you help me doing it?

      Thank you!

       

      EDIT: i just see it was posted in the wrong place i am a Folie user. you can move it!?

      • This topic was modified 7 years, 10 months ago by jerryxme.
    • 7 years, 10 months ago Mirela
      Participant

      Hello,

      Can you please post some valid wp credentials in a private reply? So we can help you get the result you want.

      Thank you for the kind words and appreciating the big work behind this theme. There really are many months of hard work behind it! We are very glad to know it’s of your satisfaction :).

      Let us know for anything.

      Best regards!

    • 7 years, 10 months ago jerryxme
      Participant

      Expired

      This reply has been marked as private.
    • 7 years, 10 months ago jerryxme
      Participant

      Expired

      This reply has been marked as private.
    • 7 years, 10 months ago Mirela
      Participant

      Hello,

      I added this code into your custom css box in General > Custom Codes:

      @media (max-width: 480px){
      .header_container {
      background-color: rgba(0,10,25,0.29) !important;
      }}

      The style of header you have selected has a different layout in mobile. The image below the header is not underneath the header in mobile as well. But it’s positioned after the header bar. This means that under the header there is only a white stripe. By adding the gradient like in desktop version, you will only see a gray header in mobile.
      I already added the code needed (the above). Let us know if you need further help.

      Best regards!

    • 7 years, 10 months ago jerryxme
      Participant

      Expired

      Hello,

      Thanks for this help!! Ok i didn’t get that in responsive the header is not over the image! Thanks. With your code i was able to change the color of the header only for mobile, it’s better like it! Thank you for your efficient help.

      Best regards,

      Jérémie

       

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