Unverified
Fix Display Order on Mobile
[Needs CSS Class] Allow you to set the display order of modules on mobile.
CSS
Voted: 0 by 0 user(s)
The use case here is a page with multiple 2 module rows where, in each row, there is a text module and an image module. This snippet allows you to set the order of display for the text and image module within each row. To use - Row Settings:Add CSS Class 'custom_row' to each row - Row Settings/Column Structure Add CSS class 'first-on-mobile' to the module you want to display first (eg the image module) Add CSS class 'second-on-mobile' to the module you want to display second(eg the text module)
Scroll down to see more snippets from this codevault.
The author has indicated that this snippet is compatable up to wordpress version: 6.4
Free & Pro
Download this snippet by clicking the download button, then head over to the Code Snippet Plugin settings in your wordpress admin dashboard, select the import menu then upload this file to import into your wordpress site.
Pro Only (Coming Soon)
You will be able to click a button and sync this snippet to your wordpress site automatically and from your dashboard manage all code snippets across all your wordpress sites that have the Code Snippets Pro plugin installed.
Last modified:
20/12/2023
This snippet has the following status:
Unverified
This snippet has not been verified, use with caution and at your own risk. See details provided by author in sidebar and click below to find out more.
0
Please see some snippets below related to this snippet..
Styling
Public
Added: 2 years ago
Last Updated: 1 year ago
CSS to give a 3-D effect to text/headers (all CSS is included, because we hand-wrote it in Codepen. Omit font styling as appropriate. ..
Styling
AI Verified
Added: 9 months ago
Last Updated: 9 months ago
When adjusting the transparency of a colour the amount of transparency is shown as a Hexadecimal value, not a percentage. So it is difficult to set the transparency to say 75% other than a guess. This...
Styling
Unverified
These are some popular snippets from this users codevault..
Divi Builder
Unverified
Added: 7 months ago
Last Updated: 1 month ago
This CSS makes the Desktop Menu appear as Hamburger
Divi Builder
Unverified
Added: 7 months ago
Last Updated: 1 month ago
This snippet should be used with Make Hamburger Menu on Desktop.
General
Unverified
Added: 6 months ago
Last Updated: 6 months ago
Use this code to prevent the jumping header. See this guide https://quadlayers.com/fix-jumping-header-in-divi/#:~:text=When%20you%20apply%20changes%20to,creates%20the%20jumping%20header%20illusion....
Category
Snippet Status