ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Feedback & Suggestions
• April 6, 2017 at 11:58 am #319904
  Adrenaline22

  Member

  Post count: 183

  Hi guys, long time no see. After making a dozen of webpages with all your themes I found out your biggest problem lays in the responsive area.

  I tried to use both editors (VC and SF). I didn’t realise the problem until I bought a different theme (Savoy) for some project and compared results.

  Example of three equal width columns:

  LG
  1/3 + 1/3 + 1/3
  MD
  1/2 + 1/2
  1/1
  SM
  1/3
  1/3
  1/3
  XS
  1/1
  1/1
  1/1

  This is the correct way to set it and Savoy does it flawlesly, while Uplift has an incorrect MD layout:

  MD
  1/2 + 1/2
  1/2

  Which leaves a blank space in the second row (blank 1/2).

  Can you verify this?

  April 9, 2017 at 3:37 am #320179
  Swift Ideas – Ed

  Keymaster

  Post count: 15264

  Hi @Adrenaline22

  Please, can you clarify how you have this set up on the backend so that we can see where the issue lies – from your explanation it’s a little tricky to understand.

  Thanks,

  – Ed

  April 9, 2017 at 7:53 pm #320220
  Adrenaline22

  Member

  Post count: 183

  This is the result I’m getting. Tested on two different themes, both with VC.

  April 10, 2017 at 11:57 am #320304
  Adrenaline22

  Member

  Post count: 183

  The results are made with identical settings in two totally different themes (Savoy and theme Uplift).

  April 10, 2017 at 1:20 pm #320331
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  Thanks. I just forward it to Ed.

  -Rui

  April 10, 2017 at 1:25 pm #320333
  Swift Ideas – Ed

  Keymaster

  Post count: 15264

  Hi @Adrenaline22

  Thanks for the clarification – if you could please provide the page code so that we can paste it locally and test to ensure we implement the right fix, that would be much appreciated.

  – Ed

  April 10, 2017 at 4:37 pm #320381
  Adrenaline22

  Member

  Post count: 183

  VC code or the rendered CSS+HTML?

  April 10, 2017 at 4:41 pm #320384
  Swift Ideas – Ed

  Keymaster

  Post count: 15264

  The VC code please.

  Thanks,

  – Ed

  April 10, 2017 at 4:50 pm #320387
  Adrenaline22

  Member

  Post count: 183

  This reply has been marked as private.
  April 10, 2017 at 4:55 pm #320392
  Adrenaline22

  Member

  Post count: 183

  screenshots (Savoy)

  Attachments:

  You must be logged in to view attached files.
  April 10, 2017 at 10:22 pm #320445
  Swift Ideas – Ed

  Keymaster

  Post count: 15264

  Hi @Adrenaline22

  So looking at the code, looks to be the CSS that theme adds specific to their adjustments, not VC default code.

  Try adding this CSS:

  .vc_row.vc_row-o-equal-height>.vc_column_container {
  display: -webkit-box;
          display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-flex: 1;
      -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      max-width: 100%;
  }

  – Ed

• Back to forum

  Posted in: Feedback & Suggestions