Site logo

[Support request] How made desktop / mobile adaptive line?

Home Forums Support [Support request] How made desktop / mobile adaptive line?

Home Forums Support How made desktop / mobile adaptive line?

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #2543153
    Volodymyr

    Previously, this code worked:

    <div class="grid-container">
    <div class="grid-35">Text 1 / or Img</div>
    <div class="grid-65">Text 2</div>
    </div>

    How to do it correctly now? Please

    #2543164
    Volodymyr

    Help please

    #2543246
    Ying
    Staff
    Customer Support

    Hi there,

    As you are using the flexbox structure, the theme no longer has thegrid-35 built-in class.

    Add this CSS:

    .entry-content .grid-container {
        display: flex;
    }

    Remove the float:left;inline CSS.

    #2543261
    Volodymyr

    Already better. But how to find a complete solution to the problem?) Thank you!!

    #2543268
    Ying
    Staff
    Customer Support

    The best option would be using blocks to create your pages.

    If you do NOT want to use block, you can create your own CSS class, eg. add this CSS so you can use the classes for your HTML elements:

    .grid-35 {
        width: 35%;
    }
    .grid-65 {
        width: 65%;
    }
Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.