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

Mobile problems on Specular theme

    • 6 years, 1 month ago INTERLIFE_themes
      Participant

      Hi! My website is https://www.themeetingpoint.gr/ and i have chosen the light version header for the pages i created. From the Specular General settings, i uploaded the specific logo for the light and the dark version. It is ok on desktop on the pages i created, but on mobile and also on other pages (for example error or blog post pages) the wrong logo appears. The dark version on the dark background and it looks bad.

      Moreover, there is blank space on mobile pages on the right side.

      Thanks for your time.

    • 6 years, 1 month ago Ruco
      Keymaster

      Hello,

      You can change the pages and post header in light version by change this : Header Color Style 1 > Light

      To fix the issue on the mobile please add this custom css :

      @media(max-width:768px){
      header#header.transparent{
         background:#fff !important;
      }
      }
      
      .error404 #header #logo .light {
        display:block;
      }
      
      .error404 #header #logo .dark{
      
         display:none;
      }
      
      .error404 nav .menu > li > a{
       color:#fff !important;
      } 
      

      Write the line above into General > Custom Css Box.

      Regards!

    • 6 years, 1 month ago INTERLIFE_themes
      Participant

      Thanks it worked!

      Moreover, if you look carefully there is blank space on mobile pages on the right side if you slide the page. Why is that? What could cause this?

      And one last thing. I don’t want the Service Circle Icon, the Recent Portfolio, the Service Small Icon and the Service Media elements to be clickable. I leave the Link field empty but they are still clickable leading to the same page. I guess i have to remove the href tag from specific parts of the css script? It worked only for the Service Square element when left the Link empty.

      Thanks again.

    • 6 years, 1 month ago Mirela
      Participant

      Hello,

      Please add this css inside the @media (max-width:768px) block above:

      .viewport {
          overflow-x: hidden;
      }

      -Please add this css:

      .services_medium.style_1 h4, .services_small.wpb_content_element.align_left h4, .recent_portfolio h5, .wpb_content_element.services_media.style_1 {
          pointer-events: none;
      }

      It will remove the hover effect from these elements.

      Best regards!

    • 6 years, 1 month ago INTERLIFE_themes
      Participant

      Thanks a lot! You ‘ve been very helpful!

    • 6 years, 1 month ago Mirela
      Participant

      You’re welcome!

      If you like our theme and support, please leave us a review on Themeforest. It’s important for us :)

      Thank You!

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