Page Builder Row

This topic has 5 replies, 2 voices, and was last updated 8 years, 5 months ago by Andrew Misplon.

Tagged: column collapse page builder

Author
Posts
November 16, 2015 at 2:17 pm #2683

Aivaras K
Participant
On one page, I added a row with 2 (70 % and 30%) columns. Inside each column I added a text widget. In first widget have table – second text. I use “full weight no title page template”.
Problem: When I reduce this page to tablet size, second column stealth first column. It is possible to make, that second column earlier goes down? can i set this per CSS rules for this page only?
November 16, 2015 at 2:55 pm #2684

Andrew Misplon
Keymaster
Hi Aivaras
The global collapse point is at Settings > Page Builder > Layout. I’m sure I can work up a row specific Custom CSS rule for you. Please, send a link so I can view the page.
Thanks 🙂
November 16, 2015 at 3:47 pm #2685

Aivaras K
Participant
This reply has been marked as private.
November 16, 2015 at 3:56 pm #2686
Andrew Misplon
Keymaster
Here we go 🙂 Insert the below at Appearanc e> Custom CSS:
```
/* Custom Page Builder Classes */

@media (max-width: 1000px) {
  #main .custom-collapse .panel-grid-cell {
      float: none;
    	margin-bottom: 35px;
    	padding: 0;
      width: auto;
  }
  #main .custom-collapse .panel-grid-cell:last-of-type {
  	margin-bottom: 0;
  }
}
```
1. Edit any row you want this to work on, click Attributes top right and insert a CSS Row Class: custom-collapse.
2. Adjust the 1000px value to your preferred collapse point.
November 16, 2015 at 9:18 pm #2687

Aivaras K
Participant
Works great. Thank you very much for your great effort and service 🙂
November 16, 2015 at 10:22 pm #2688

Andrew Misplon
Keymaster
Super 🙂 Glad to hear that did the trick.
All the best.
Author
Posts

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.