Tagged: 

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #1357501

    Hi, I’m trying to create two columns that are 1/3 width but they grow to fill the empty space. Please can you help with this issue?

    #1357515

    Hi aestheticare,

    Thanks for giving us admin access.
    I have added a Custom CSS Class Name my-columns to your Color Section and added this CSS code in Enfold > General Styling > Quick CSS:

    @media only screen and (min-width:768px) {
      #top .my-columns .flex_column_table {
        display: flex;
        justify-content: center;
        align-items: center;
      }
    
      #top .my-columns .flex_column_table .av_one_third {
        margin-left: 0;
        width: 528px;
        max-width: 48%;
      }
    }

    If you need to apply this on your other pages, just use the same layout and add the Custom CSS Class name.

    Best regards,
    Nikko

    #1357517

    Hi, the columns don’t appear to stack on mobile.

    #1357539

    Hi aestheticare,

    I have checked it and it seems to appear properly on mobile.
    I have posted the screenshot link in private content.

    Best regards,
    Nikko

    #1357540

    Thanks, it’s displaying properly now!

    #1357545

    Hi,

    Great, I’m glad to hear that it’s working as it should. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    #1357546

    Hi,

    Great, I’m glad to hear that it’s working as it should. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.