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

block is not displayed on the mobile

    • 6 years, 9 months ago manu_kom
      Participant

      Expired

      I can not see the button completely in the mobile format.
      The demonstration page is https://www.okplata.es/borrador-home/
      , you can check the block that I indicate in the image 1. And in the image 2 is how it is currently displayed on the mobile.
      I want it to be displayed exactly like the top blocks.

      image 1 destock https://ibb.co/jUNzZ9
      image 2 mobile https://ibb.co/nHMhnU

    • 6 years, 9 months ago Ruco
      Keymaster

      Hello,

      I have fixed your issue with adding a custom css on child theme.

      Regards!

    • 6 years, 9 months ago manu_kom
      Participant

      Expired

      Keep coming out the botoenes with different sizes as in the iamgen that I have provided

    • 6 years, 9 months ago Mirela
      Participant

      Hello,

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

      .cl_row-equal_height > .cl_column.align-v-middle > .cl_col_wrapper {
          align-self: auto !important;
      }

      Let me know.

      Best regards!

    • 6 years, 9 months ago manu_kom
      Participant

      Expired

      I only have 2 problems:

      1. That all the buttons have the same space (some fault must exist because I put the spaces and does not respect them) Can you look at it? I want that in the mobile version all the buttons have the same space

      2. The last button can not get the same dimension as the previous ones. Can you solve it?

      Show image: https://ibb.co/kqg7De
      thanks for your attention

    • 6 years, 9 months ago Mirela
      Participant

      Hello,

      1-Please know that the spaces you put using the customizer are for desktop only. The responsive layout uses a different, specific layout that is defined by css in the css files only.

      @media (max-width: 480px){
      .row > .cl_column.align-v-middle {
          display: -webkit-box !important;
      }}

      2-I added this css in the page’s custom css box:

      @media (max-width: 480px){
          .cl_column.col-sm-8.align-h-middle.align-v-middle {
          height: 330px !important;
      }}

      Please check and let me know.

      Best regards!

    • 6 years, 9 months ago manu_kom
      Participant

      Expired

      We have managed to correct point number 1.

      But part number 2 remains the same (see image) I need to have the same dimension as the top buttons on mobile devices attached to the top buttons (right now there is also a blank)

      image https://ibb.co/bYbcGz

    • 6 years, 9 months ago Mirela
      Participant

      Hello,

      The space referring is an independent column with no content in it. See screenshot: https://postimg.cc/FkF799xs
      https://postimg.cc/LYKxQW3V
      The last image is of a different row, just change the height value to your wish.

      Best regards!

    • 6 years, 9 months ago manu_kom
      Participant

      Expired

      Hello:
      I need that button to stay in the middle of the web on desktop, but on mobile the button followed by the following ones. For this I have hidden the white spaces in the mobile version, but it seems that the action does not respond.
      https://ibb.co/bAVvPK

      In addition, the values ​​of the sizes of the button are exactly the same as the correct buttons on the top and the sizes on that button do not respond either.

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