-
Posts
-
I’m using the plugin Popup Maker to display a popup for users to add comments. It’s working pretty awesome on desktop but on mobile touchscreens it is not terrific.
Currently, the pop up gets activated in two places on the site, once within a Button Content Element and then second in a Text Content Element, both by css: #popmake-120.
Is there some method by which to use media queries to change the target URL if users on on tablets or smartphones? Instead of #popmake-120, I would likely just send users to /separateURL/.
How is that possible to do in the Button Content Element??
Thank you so very much!
Hey newpappa,
Thank you for using Enfold.
You can hide the default popup button on mobile and then recreate it on a text or code block.
<a href="#" id="un-button" class="un-left css3" style="background-color: rgb(64, 64, 64); color: rgb(255, 255, 255); margin-top: 28.5px; left: -6px; opacity: 0.96;">Feedback</a>Adjust the href attribute. Please contact the plugin author for more info.
Best regards,
IsmaelHm I’m not sure I follow you exactly. But overall I like the direction.
I ended up taking a slightly different approach by trying to recreate the button code in html because I want the button style. I have it all working except I can’t get the icon added? Any ideas?
Here’s the CSS I used which is worked great:
@media only screen and (max-width: 768px) {
.only_desktop_tablet { display: none !important; }}@media only screen and (min-width: 769px) {
.only_mobile { display: none !important; }}Thank you so much!!
Hi!
Can you please show us the code you used for the button?
It will need to add a ::before selector, so can add the icon.Let us know
Cheers!
BasilisHi,
I am getting “”You can’t edit this item because it is in the Trash. Please restore it and try again.” error :)
Can you please post the correct link?
Also, please see – http://kriesi.at/documentation/enfold/hide-menu-itemselements-on-mobile/Best regards,
YigitHi,
I have enabled custom CSS field – http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ and then added button elements to your page with custom classes. Please review your post now
Best regards,
YigitThanks! This is working except now when I save the page I get a page that displays the error below. I click my browser’s back button and I get a message at the top telling me there is saved version of my page. I save again and it seems to work. But this is happening on every page save now. Any ideas???
Warning: It is not yet possible to assign complex types to properties in /home4/u5l8e0c5/public_html/wp-includes/formatting.php on line 4308
Warning: Cannot modify header information – headers already sent by (output started at /home4/u5l8e0c5/public_html/wp-includes/formatting.php:4308) in /home4/u5l8e0c5/public_html/wp-admin/post.php on line 197
Warning: Cannot modify header information – headers already sent by (output started at /home4/u5l8e0c5/public_html/wp-includes/formatting.php:4308) in /home4/u5l8e0c5/public_html/wp-includes/pluggable.php on line 1179
Hi,
It could be because of the link. Can you please try editing your buttons and changing href in both and check if that helps?
Best regards,
YigitI’m not sure what you mean by editing the href, changing it to what? It also happens on arbitrary Pages as well.
I found what you may have been talking about and ti seems to have eliminated the error! Thanks Yigit!
Ok. It’s back to throwing an error every time I click save on the post. Any other ideas? Anything else that you changed that I could try changing back?
Hi,
Sorry for the late reply!
I believe the issue is in the links. Can you change links to something else just for testing purposes and check if that helps?Best regards,
YigitI have changed the links on both posts that contained the #popmake-120 URL to http://www.google.com. I’m still getting the error on posts as well as pages, although a slightly different one on pages. The error began after you enabled custom CSS fields but I don’t see how that would be causing the error.
I am putting the #popmake-120 URLs back in place because we need to do some visual design work and this doesn’t seem to be the root of the problem.
Any other ideas? Trying to launch in Jan… :(
I followed “How do I solve the Headers already sent warning problem?” on https://codex.wordpress.org/FAQ_Troubleshooting and it seems to be working (for now!!).
- The topic ‘How can I use media queries in Button Content Element to change target URL ?’ is closed to new replies.