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

Responsive Issues

    • 8 years, 8 months ago owenlpoctech
      Participant

      Expired

      https://69.195.124.102/~leekpipe/

      We have some responsive issues on this page.

      1.  The codeless slider text is much too large when the display window is a little smaller.  I’m assuming this is essentially iPad mode.

      This is what it should look like

      This is what it looks like with a smaller viewport/tablet

       

      2.  At the bottom of the same page, we have a call to action codeless element.  There are a few window sizes where the button is all wackily sized.  See here.  I can’t find a spot to edit that.

       

      Thanks

    • 8 years, 8 months ago Mirela
      Participant

      Hello,

      1-Ipad slider font size:
      I added this code into your custom css box:

      @media (min-width: 979px) {
      .codeless_slider .swiper-slide .content h1 {
          font-size: 20px !important;
      }
      }

      Result screenshot. Eit font size to your wish.

      2-Call to action element:
      I added this code into your custom css box:

      @media (max-width: 1100px) and (min-width: 981px){
      .textbar .btn-bt { left: 75% !important;}
      .textbar h2 { 
          margin-bottom: 10px !important;
          text-align: left !important;
      }
      }

      Please check your site and let us know.

      Best regards!

    • 8 years, 8 months ago owenlpoctech
      Participant

      Expired

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

      Hello,

      1-That’s great!

      2-I edited the code in your custom css box, that controls this screen dimansion to this:

      @media (max-width: 1100px) and (min-width: 981px){
      .textbar .btn-bt { left: 75% !important;}
      .textbar h2 { 
          margin-bottom: 10px !important;
          text-align: left !important;
      }
      .header_1 nav .menu > li {
          margin-right: -1px !important;
          margin-left: -1px !important;
      }
      }

      4-The Revolution and layer slider are independent from theme. They are slider plugins used only for slider. You can do what you want with them. It won’t affect theme.

      5-Please check that you have set up the same email in both contact form options and in your Settings > General > Email Address. If you have issues getting the email, then please contact yoru host provider. This is a server issue.

      To remove the warning lines of contact form plugin, please refer to this topic.
      Let us know.

      Best regards!

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