Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Dee12

Member
  • Content Count

    51
  • Joined

  • Last visited

Reputation Activity

  1. Thanks
    Dee12 reacted to tuanphan in Mobile Navigation Menu   
    Add to Home > Design > Custom CSS
    .header--menu-open .header-title-logo img { visibility: hidden; }  
  2. Like
    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;
    }
    }
  3. Like
    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; }  
  4. Like
    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;
    }
  5. Like
    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>  
  6. Like
    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; } }  
  7. Like
    Dee12 reacted to tuanphan in Full width image block   
    Which image blocks?
  8. Like
    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; } }  
  9. Like
    Dee12 got a reaction from paul2009 in Drop down menu arrow   
    It worked. Thank you so much!
  10. Like
    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
  11. Thanks
    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;
    }
    }
×
×
  • Create New...