-
Posts
-
Support Team,
My client has requested that a specific piece of content be pushed in a certain order on mobile view.
I’m trying to get the icons labeled “schedule of upcoming events” and “for consumers” to load after the icon boxes (currently there is 3, but it might go down to 2, so maybe a 1/2 column element instead of the 1/3 elements that I’m currently utilizing).
Is this possible? Thank you so much!
Hey artisforever,
Sorry for the delay, we are happy to help you with this modification.
1. To change the column order in mobile we need to create 2 sets of icon boxes so one of them appears above and the other will display below the icons “SCHEDULE OF UPCOMING EVENTS” and “FOR CONSUMERS” then we will hide one of the set’s in mobile and one set in desktop.
2. Enable custom css class name for ALB elements http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/
3. Add this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
/*Show only in mobile or desktop*/ @media only screen and (min-width: 769px) { .only_mobile { display: none !important; }} @media only screen and (max-width: 768px) { .only_desktop { display: none !important; }}4. Add class name “only_desktop” and “only_mobile” to the icon box set’s to be displayed only on desktop and only on mobile.
Best regards,
VinayVinay! This is a really great way of approaching it, I will test this out and let you know if I run into any issues! Thank you SO much :) You’re the man!
I tried to get my ALB elements to work, and the options to appear on the builder end, but I could not get it to work!
I worked through 3-4 of your other support topics on activating it via the PHP file with no results. I’m not sure what I’m doing incorrectly :(
Hi,
Please, I
d like to know where are you putting the code to enable the custom CSS field, please. Ensure that youre adding the code on the functions.php in the enfold folder.Best regards,
John TorvikI said above that I tried activating it via the PHP file. It is just adding one line, so seems pretty simple unless your guide needs to be updated.
I noticed that a lot of your other issues on this was solved by removing some // lines because it was “commented out.” Well mine is pretty much blank besides the line that your guide says to add.I also added my log-in details above that will let you check.
Thanks,
John,
Another quick update, I’m using a child theme, and have been updating that functions.php file , not the original enfold functions.php file.
Thought this might change things for providing me with support on this topic, thanks again.
Could I have an update on this please, client is trying to launch next week and I’ve asked for support about this since Monday. Thank you.
Hi artisforever,
Where do you wan to put these icons? Above the slider under “Contact”?
Best regards,
VictoriaI have an idea of how the client wants it. I just need to be able to use custom CSS for my ALB elements. I’ll test the hierarchy after I can get the mobile/desktop hide views to work. Please help me with the PHP error, it keeps crashing my website when I get it wrong and I have to back it up via bluehost. Your guide is too minimal.
*I updated my theme, added the PHP code, it did not crash my site this time, however the custom css field is still now showing up on any elements. Again, log-in data is above, my homepage is “how do you control myopia?”
Not sure what else to do.
- You must be logged in to reply to this topic.