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

issue with responsive

    • 8 years, 2 months ago Ziabelle
      Participant

      Expired

      Hi,

      I’m facing an issue with my site, just realized it’s not fully responsive.

      On small screens (Iphone 5), on the home page, the slider is not being adapted to the screen, and the blog neither.

      Are there settings I could change to make it responsive ?

      Thanks for your help.

      Isabelle

       

    • 8 years, 2 months ago Mirela
      Participant

      Hello,

      Have you set ON the option in General Options > Responsive Layout?
      Please check it and let us know. If you still are unsatisfied with the result, then send us your site’s url. So we can give it a closer look.

      Best regards!

    • 8 years, 2 months ago Ziabelle
      Participant

      Expired

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

      Hello,

      I added this code into your custom css box:

      @media(max-width: 480px){
      .codeless_slider .swiper-slide .content h1 {
          padding-left: 55px !important;
      }}

      To add padding to the slider’s titles. I don’t see any other issue with the slider(screenshot). It is resizing ok in mobile. Are you not referring to this? Can i see a screenshot of it?

      -I added this code:

      .menu-small ul.menu > li > a {
          color: #0c0707 !important;
      }

      to change the color of mobile menu titles.
      There is a js error in your site. Please deactivate all third party plugins and try again. Let us know if the issues persists.

      PS: Yes, i can guarantee that the information is private. To test this, just check other users profiles (click on the name), you will see that you will not be able to see any login data in no one of them.

      Best regards!

    • 8 years, 2 months ago Ziabelle
      Participant

      Expired

      Hi,

      thanks for your answer.

      – The slider looks better now but still I have a white square appearing at the right side of it.

      – And also the blog Latest Niews looks strange…

      I send you two screenshots.

      Can you please explain what problem does the js error cause ?

      thanks

      Isabelle

       

    • 8 years, 2 months ago Mirela
      Participant

      Hello,

      -I edited this line in the custom css box:

      .codeless_slider .swiper-slide .content h1 {
          padding-left: 55px !important;
      }

      to margin-left: 55px !important;, the white box of the next H1 is gone now.(screenshot)

      -The blog does not have the issue presented in the screenshot. I tested in the browser’s mobile layout and in actual device. This is the result: https://pho.to/AgO9i

      -The mail form in the footer was wider than mobile layout and was causing the site to move horizontally. I added this code to correct it:

      #mc_embed_signup {
          width: 300px !important;
      }

      Let us know.

      Best regards!

    • 8 years, 2 months ago Ziabelle
      Participant

      Expired

      Hi,

      Thanks, slider looks good now. :)

      For the blog, I didn’t mean the blog page itself but the Latest From Blog widget (which show on my home page. The 3 columns are overlapping each other on small screens. (see screenshot)

      Thanks in advance.

      Isabelle

    • 8 years, 2 months ago Mirela
      Participant

      Hello,

      I understand, this is caused by this code, see screenshot. It is a custom code but i don’t seem to find it. Please check it out and remove the !important from it. So that the code i added inside the @media rule in your custom css box:

      .latest_blog .no_carousel .blog-item {
          width: 100% !important;
      }

      would take effect and fix this.
      The latest from blog items should be in full width in mobile now after this.
      Let us know.

      Best regards!

    • 8 years, 2 months ago Ziabelle
      Participant

      Expired

      Hi,

      Thanks, it worked !

      Best regards

      Isabelle

       

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