toHome;
Webflow.hacks};
Clone.(project)
Hack #27
#27
Run different scripts on desktop vs mobile
WALKTHROUGH ON
This text element will get the class .hack27-red if you are at desktop size
This text element will get the class .hack27-red if you are at mobile size
class: .hack27-red
Before tag
Copy code
Before </body> tag
Copy code
x
1
Hey! This project has been
rebuilt as Hacks in TypeScript
.
Check out the new and improved code snippets
>> here <<
X
//All_hacks
#1
Show a custom success message in a Webflow Form default Success state
#2
Show a custom success message in a Webflow Form when using a url redirect within your site
#3
Count and display the amount of items in a Webflow Collection List
#4
Create dynamic Webflow CMS generated anchor links
#5
Customize CMS item filtering parameters with Webflow CMS text fields
#6
Use a GIF as a page preloader AND only show it once per day
#7
Customize Favicon for a specific page
#8
Create a 404 instant redirect to homepage
#9
Use 100% custom slider dots for Webflow Slider component
#1O
Use Interactions and cookies to only play your loading animation once per day
#11
Dynamically submit page url through a Webflow web form submission
#12
Run a function on button click with javascript and jquery
#13
Create a back button with href javascript or jquery click function
#14
Automatically show current year in footer with span and js
#15
Remove anchor link id tag and # on urls within the same page
#16
Remove anchor link id tag and # on urls when loading a page
#17
Use a plus minus counter on your Webflow form
#18
Reject gmail and other non-business emails from form submission
#19
Submit checkboxes, radios, and select as text fields in Mailchimp
#2O
Create sub bullet lists inside a Rich Text element
#21
Create an age gate to confirm the user's age
#22
Show and format the current date
#23
Show and format the current time
#24
Detect the user's browser and run a function
#25
Detect the user's mobile OS and run a function
#26
Run different functions on desktop vs mobile
#27
Run different scripts on desktop vs mobile
#28
Put input field text into a text block for fun personalization
#29
Show user's name in a Webflow Form success message
#3O
Remove static title of a CMS Dynamic List when there are no items in the list
#31
MemberStack - Add classes based on logged in state
#32
MemberStack - Allow users to like or save items
#33
MemberStack - Insert user's name to a text block
#34
MemberStack - Password confirm validation with Webflow Interactions
#35
MemberStack - Set and save user profile avatars
#36
MemberStack - Redirect to same page after signup or login
#37
Open the last tab the user had open when they revisit the page
#38
Run a Webflow Interaction after successful form submission
#39
Copy a link query from a third party link and add it to links on your site
#40
As the user is typing in an input, show the input text in a text block
#41
Add active dot to active anchor section link
#42
Use checkbox to create a pricing calculator on a Webflow form
#43
Use radio to create a pricing calculator on a Webflow form
#44
Use select to create a pricing calculator on a Webflow form
#45
Use checkbox, radio and select to create a pricing calculator on a Webflow form
#46
Create a profit margin calculator with a Webflow form
#47
Pricing Calculator: Manual text input - Addition
#48
Pricing Calculator: Manual text input - Subtraction
#49
Pricing Calculator: Manual text input - Multiplication
#50
Pricing Calculator: Range slider
#51
Pricing Calculator: CMS - Addition
#52
Load Webflow Interactions per user session
#53
Dynamically change the content of a landing page based on the URL parameter
#54
CMS checkbox boxes with dynamic name and ID
#55
Custom slider dots for CMS Library Slider component
#56
Internet Explorer browser check pop-up modal
#57
Time stamps for videos in Webflow CMS
#58
Time stamps for videos on Webflow
