Support/Ultra Theme/Page Builder Row

Page Builder Row

Tagged: 

  • 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.

Scroll to top