Dee12
-
Posts
53 -
Joined
-
Last visited
Reputation Activity
-
Dee12 got a reaction from WoCo in Full width image block
Yes, your right! It makes the image full width but when you view the site on a mobile device, you can’t see the full image.
-
Dee12 reacted to tuanphan in Force 2 products per row on mobile
Remove code I sent, add this to Home > Settings > Advanced > code Injection > Header
<style> @media screen and (max-width:767px) { .products.collection-content-wrapper .list-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)) !important; grid-column-gap: 5px; grid-row-gap: 5px; } } </style>
-
-
Dee12 reacted to tuanphan in How do I stop the gallery slideshow from cropping the images & just scale down instead?
Add to Home > Design > Custom CSS
@media screen and (max-width:767px) { .gallery-fullscreen-slideshow[data-width="full-bleed"] { height: 15vh !important; } }
-
-
Dee12 reacted to paul2009 in Drop down menu arrow
Try adding this to Settings > Advanced > Code Injection > Header:
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css" rel="stylesheet"> And add this to Design > Custom CSS:
.header-nav-item.header-nav-item--folder a.header-nav-folder-title:after { font-family: FontAwesome; content: "\f107"; padding-left: 4px; } You should see this:
Let me know how you get on.
-Paul