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

Weird vertical alignment on phone browser using Service element

    • 5 years, 10 months ago toddmcguire
      Participant

      I’m using the SERVICE element to make a grid of 9 services on this page: https://www.incentahealth.com/corporate-wellness/

      The items in the 3×3 grid are properly aligned in the desktop browser view, but on the smaller phone browser view, they appear staggered vertically.  Here’s a link to a screen shot showing the correct layout (in the desktop view), while the screenshot on the right shows the incorrect “staggered” effect on the phone browser view.

      https://www.dropbox.com/s/v2lfimc471znwtz/SERVICES%20element%20vertical%20alignment%20issue.png?dl=0

      Any ideas?

      Thanks!

       

       

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

      Hello,

      I fixed it. I added this css into your Custom Css box:

      @media (max-width: 767px){
      .row > .cl_column {
          width: 100% !important;
          float: left;
          min-width: 400px;
      		}
      .row.cl_row-cp-middle:not(.cl-col-tablet-full) {
          display: block !important;
      }}

      We have taken note of this issue and will fix it in the next theme update.

      Best regards!

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