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

Spacing on Mobile

Mobile
    • 6 years, 10 months ago atechnextdoor
      Participant

      Hello,

      I have a couple of spacing issues on mobile:

      https://imgur.com/a/hibm7nL

      The timer and one of my service icons does not space correctly. The service icon is the first icon of the second column inside a row so I assume it has to do with that.

      You can visit my site at atechnextdoor.com to see for yourself. Is there any way to fix these?

      Thanks!

    • 6 years, 10 months ago Mirela
      Participant

      Hello,

      Please add this code into your Custom Css box in General Options:

      @media (max-width: 480px){
      .wpb_content_element {
          margin-top: 35px;
      }}

      Let us know.
      Best regards!

    • 6 years, 10 months ago atechnextdoor
      Participant

      Hello,

      This fixed one of the issues, but made another:

      There are now unnecessary spaces in every section.

      Thanks

    • 6 years, 10 months ago Mirela
      Participant

      Hello,

      Edit the code to this:

      @media (max-width: 480px){
      .services_small.wpb_content_element {
          margin-top: 35px;
      }
      }

      Best regards!

    • 6 years, 10 months ago atechnextdoor
      Participant

      Hello,

      Thank you, that worked. Is there a way to also fix the wpb_content_element list since they seem to be having the same issue?

      https://imgur.com/a/TeEcCia

      Thanks

    • 6 years, 10 months ago Mirela
      Participant

      Hello,

      I don’t see any issue with the list. The items are properly distanced. Do you want the list closer or with more distance? In any case, just add this code:

      @media (max-width: 480px){
      .services_small.wpb_content_element {
          margin-top: 35px;
          margin-bottom: 35px;
      }
      }

      And edit the values to your wish.

      Best regards!

    • 6 years, 10 months ago atechnextdoor
      Participant

      Hello,

      On mobile, this is what I see:

      Is there a way to fix this?

      Thanks

    • 6 years, 10 months ago atechnextdoor
      Participant

      I resolved by adding the code:

      @media (max-width: 480px) {
      .services_small.wpb_content_element {
      margin-top: 35px;
        }
      .wpb_content_element.list {
      padding-top: 10px;
        }
      }

      Thanks

      • This reply was modified 6 years, 10 months ago by atechnextdoor.
Viewing 7 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