Dee12
-
Content Count
51 -
Joined
-
Last visited
Reputation Activity
-
Dee12 reacted to tuanphan in Mobile Navigation Menu
Add to Home > Design > Custom CSS
.header--menu-open .header-title-logo img { visibility: hidden; }
-
Dee12 got a reaction from vanille in Ipad Nav Size
If anyone needs it, I figured out a code that prevents your navigation links from stacking. For iPad Pro 11" landscape view: (Edit the width, margin and font-size)
@media screen and (min-width: 992px) and (max-width: 1366px) {
.header-nav-list {
width: 150% !important;
font-size: 9px !important;
margin-left: -7.2em !important;
}
}
-
Dee12 reacted to tuanphan in Full width image
Add to Home > Design > Custom CSS
[data-section-id="5ee3173f87a301684ca284e3"] .image-block figure { max-width: 100% !important; }
-
Dee12 reacted to Arch in SOLVED: Reducing size of related products
@bangank36 hmmm doesn't seem to work but I managed to do it with this!
.ProductItem-relatedProducts .list-grid
{grid-template-columns: 200px 200px 200px 200px 200px 200px 200px !important;
}
-
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 to change positioning of product description on mobile?
Add to Home > Design > Custom CSS
@media screen and (max-width:767px) { .ProductItem-product-price, .ProductItem-product-price * { margin-bottom: 0 !important; } }
-
-
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
-
Dee12 got a reaction from tuanphan in Ipad Nav Size
If anyone needs it, I figured out a code that prevents your navigation links from stacking. For iPad Pro 11" landscape view: (Edit the width, margin and font-size)
@media screen and (min-width: 992px) and (max-width: 1366px) {
.header-nav-list {
width: 150% !important;
font-size: 9px !important;
margin-left: -7.2em !important;
}
}
