Forum Replies Created
-
AuthorPosts
-
Sorry it is not up on the internet yet. I am building it on my own local development box but basically I am using 3 of the 1/3 columns and have set it to equal height. However I want it to stack for tablets like it does for mobile phone devices. Currently it just stacks on phone devices as mentioned above.
so I tried the solution above but it does not seem to be working for collapsing the 1/3 columns on tablets. Is there a new way to do it in the latest Enfold?
Hi John,
Thanks for the quick reply. Sorry responding so late but I got it to work using jQuery to remove the equal column classes when in mobile which allowed me to then stack the items instead.
Thanks again for replying.
Anthony
Thanks for getting back to me so fast. I was actually using a child theme to build this site and I saw what you were doing with the overlay which triggered something in my head to try. The following CSS code actually worked. Might be helpful as well in the future for someone else.
.avia-image-container img { width: 100%; height: 100%; }
.avia-image-container .av-image-caption-overlay p { width: 76% !important; margin: 0 auto !important; background-color: #000000; opacity: 0.6 !important; filter:alpha(opacity=60) !important; }
.av-caption-image-overlay-bg { display: none; }Hi Yigit,
Thanks for replying. Here is a link to what I am looking to do. http://imgur.com/5aFKIAR
- This reply was modified 7 years, 7 months ago by anthonygq.
-
AuthorPosts