-
Posts
-
The new grid row section is brilliant. I love it. The only thing is that the ultimate layout, which looks something like this:
http://i9development.com/luxbaum/our-vision/
With images stretch to fix left and right of text content, looks GREAT on full width, but completely breaks on mobile scales. I wish a dominant cell could be checked to make it the top cell once the break point is reached to stack. Also image height becomes to small. Also, the 125px padding does not scale to mobile, so this should accept a %.
Then your theme will the best in the universe.
Trying now to get the swap to happen, with this script in custom.js in the child theme directory. It just wont do anything though …. ??
// JavaScript Document
<script type=”text/javascript”>
$(document).ready(function() {
$(“.test1”).insertAfter(“.test2”);
$(“.avia-builder-el-5”).insertAfter(“.avia-builder-el-2”);
});
</script>Hey!
Could you please provide us with a temporary admin login so that we can take a closer look? You can post the details in the Private Content section of your reply.
Regards,
RikardThanks for you reply, I will post the info below.
On this page, I have the most basic example set up:
http://i9development.com/luxbaum/our-vision/
I am trying to swap these divs via JQuery
<div class=”test1″>AAA</div>
<div class=”test2″>BBB</div>
Via
<script type=’text/javascript’ src=’http://i9development.com/luxbaum/wp-content/themes/enfold-child/js/custom.js?ver=2′></script>In the end what I need is that flex cells with blank content ( background image only ) are stacked on top. I am trying to do this manually, but this would be a great thing to add to the theme, so you can control which flex gird is first.
I could also have a duplicate flex grid with a different order, and hide / show via mobile media querry, but not sure how that would be for SEO.
Thanks!
- You must be logged in to reply to this topic.