Plugin Author
Baden
(@baden03)
Happy to help.
Can you include a link to your site?
How, exactly, are you creating the expand elements?
Please provide more details on your setup.
Site
I created it with code block; then styled it with css.
Its on the “Read More” button. Nothing crazy just CSS and the Expand tag.
[expand title=”Read More” class=”trigi” trigclass=”arrowright’](text)
[/expand]
I have Avada 4.0.3 With WordPress 4.6. Everything Up to date… Also the latest version of C.O.M /
Plugin Author
Baden
(@baden03)
In the example you provided, there is a read-more button that has a span that wraps an image of a ladybug floating on top. This means that if you try and click the read-more button, the user is actually clicking the image of the lady bug.
Is this layout correct?
The Collapse-O-Matic button is working, but you have to click on the upper left corner to actually trigger it.
What happens if you change the trigger element from a span to a div by adding the tag=”div” attribute?
I HAVE ONE IN THE BOTTOM. WHICH IS ALONE. STILL NOT WORKING. THE LADYBUG ITS STILL NOT OFFENDING THE BUTTON SINCE ITS SETS AS ACTIVE WHEN YOU CLICK IN THE IPAD OR IPHONE.. IN MY ANDROID AND COMPUTER AND SIMULATORS WORK.. BUT NOT IN THE ACTUAL IPAD OR IPHONE I WILL CHANGE IT TO A DIV NOW AND SEE
Plugin Author
Baden
(@baden03)
Also, try not using a code block, but a normal Text block (be sure to paste the content in while in Text mode) We have the avada theme and will try to recreate the issue on our end as well.
Update: We have tested this multiple times with the Avada theme and have no issue with IOS:
http://demo.spacedonkey.de/ios-collapse-issue-avada/
I USED A TEXT BLOCK ALSO ON THE BOTTOM. i DONT SEE WHY I WOULD HAVE A PROBLEM EITHER..
can you show me your settings?
Plugin Author
Baden
(@baden03)
text and code blocks both work.
what happens when you place another full width column element after the last collapse element? It feels like something is covering over the collapse element.
also, is there a reason why the plugin css is not loading?
Reason for CSS from plugin not uploading is unknown to me. why would it not load? I have placed a copy of the map element which is wrapped in the fullwidth column..
Update: If I leave the code outside of a fullwidth wrapper and place the fullwidth under, the code doesnt work.
If i place it in a fullwidth div it works fine on desktop computer. Can you test with an apple device?
Heres the code and css i Used:
[expand title=”Read More” class=”trigi” trigclass=”arrowright’]
https://asomethinghere.com
[/expand]
.trigi { background: #525252;
background-image: -webkit-linear-gradient(top, #525252, #262626);
background-image: -moz-linear-gradient(top, #525252, #262626);
background-image: -ms-linear-gradient(top, #525252, #262626);
background-image: -o-linear-gradient(top, #525252, #262626);
background-image: linear-gradient(to bottom, #525252, #262626);
-webkit-border-radius: 4;
-moz-border-radius: 4;
border-radius: 4px;
-webkit-box-shadow: 0px 2px 3px #040404;
-moz-box-shadow: 0px 2px 3px #040404;
box-shadow: 0px 2px 3px #040404;
color: #f9f9f9;
font-size: 20px;
padding: 12px 40px 12px 40px;
text-decoration: none;
font-family:’Helvetica Neue’, sans-serif;
text-transform: capitalize!important;
float: right;
clear:both;
margin-right:6%;
margin-top:25px;
margin-bottom:15px!important;
}
.trigi:hover {
background: #3cb0fd;
background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
text-decoration: none;
}
Plugin Author
Baden
(@baden03)
it works.
however, we did change:
trigclass="arrowright'
to:
trigclass="arrowright"
it is still not working on mines. I’ve tried all ! Any help on internal view?
however it did work on that site you sent me..
Plugin Author
Baden
(@baden03)
There must be something wonky with your layout. You might try placing your example on a simple post and verify that the plugin is working correctly on a stripped down page.
Then one by one add in elements until you discover the issue. We can not really troubleshoot this further without logging on and taking a closer look at your setup.
However, we would be happy to login on and resolve this issue for you as part of the premium support that comes with Collapse-Pro-Matic.