Hi there,
I am trying to optimise my website for desktop by hiding the sections i currently have for mobile, and creating new sections for desktop.
I am managing to get somewhere - but when I try to hide the desktop custom liquid section, it interferes with the mobile custom liquid.
This is the code ive used to hide my mobile custom liquid from desktop:
video { width: 100%; height: auto; display: block; margin: 0 auto; } @media screen and (min-width: 768px){ video { display: none; } }and when I use this next code to hide the custom liquid section for mobile it bugs out and both custom liquid sections show on desktop.
video { width: 40%; height: auto; display: block; float: right; margin-right: 5%; } @media screen and (max-width: 768px){ video { display: none; }I have tried using 2 different video links, but for some reason the code effects both custom liquids.
So i guess im looking for extra code to prevent this from happening.
Will buy you a coffee if you can help 
Many thanks - joe
password - help