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

tuanphan

Circle Member
  • Posts

    32,834
  • Joined

  • Last visited

  • Days Won

    330

Everything posted by tuanphan

  1. @sts101 Add to Settings > Advanced > Code Injection > Footer <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script> $(function() { $(".header-display-desktop .header-nav-item:nth-child(n+3)") .prependTo (".header-actions--right"); }); </script> <style> .header-actions.header-actions--right .header-nav-item a { color: white; margin-left: 1.5vw; } </style>
  2. Hi, Can you share link to page where you added code block? We can help easier
  3. This code in Custom CSS caused the problem @media screen and (max-width: 640px) { #yoga-offerings,#aboutme,.sqs-row { display:flex; align-items: center; box-sizing: border-box; justify-content: center } #block-yui_3_17_2_1_1629489622239_46792,#block-yui_3_17_2_1_1631142611584_4205,#block-yui_3_17_2_9_1505421425373_19699 { display: none } } Add this to Design > Custom CSS to override it body.collection-type-blog.view-item .sqs-row { display: block !important; }
  4. This CSS from Custom CSS box caused problem .header-menu .header-menu-nav a:not(.btn) { color: #fff; } add this to Design > Custom CSS div.header-menu-nav-item a { color: black !important; }
  5. Hi, IT shows up here. Did you solve? Also, I see 6 icons...duplicate
  6. Use first script. Can you share link to page where you added code block?
  7. Yesterday 2 members on forum contacted me. They have similar problem. Problem is here, some custom code conflict with blog title in Editing Mode. I send them a CSS to override it.
  8. Try this @media screen and (min-width:992px) { .user-items-list-item-container[data-section-id="615dd1e21b099e0af9345102"] .list-item-content__description { min-height: 250px; } }
  9. ah okay thank you. You can remove code I sent, I will test new code
  10. I mean You want to achieve title (caption) + overlay appear on hover. However I don't see title, so no way to add title on hover. You need to add some title (caption) first, we can code easier
  11. Add to Design > Custom CSS @media screen and (max-width:767px) { .products.collection-content-wrapper .list-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); grid-column-gap: 10px; } }
  12. With Musket Brewery page (page in your screenshot), add this to Design > Custom CSS @media screen and (min-width:641px) { div#block-7fa15e9a63a7b5800f7d+.row .span-4 { position: sticky; top: 0; } }
  13. Hi, Can you share link to page where you used text link? We can check easier
  14. Can you share link to your site? We can check button code easier
  15. Hi, Have you found the solution yet?
  16. It looks like you fixed problem on schach page? Do you still need help on other pages??
  17. Can you share link to a project where you added new code? We can check it again easier
  18. Edit my code to this. The code will run on desktop only @media screen and (min-width:992px) { /* product page layout */ .ProductList-grid { display: flex; flex-wrap: wrap; } /* 2 */ .ProductList-grid>div:nth-child(5n+1), .ProductList-grid>div:nth-child(5n+2) { width: 50% !important; margin: 0 !important; } /* 3 */ .ProductList-grid>div:nth-child(5n+3), .ProductList-grid>div:nth-child(5n+4), .ProductList-grid>div:nth-child(5n+5) { width: 33.3333% !important; margin: 0 !important; margin-top: 10px !important; margin-bottom: 10px !important; } }
  19. Add to Design > Custom CSS .variant-option { float: left; }
  20. Hi, You mean remove blue bar on top of map (blue bar with share icon, zoom icon, text...)? Add to Design > Custom CSS div.embed-block .embed-block-wrapper { overflow: hidden; } iframe.embedly-embed { margin-top: -80px; }
  21. Add to Design > Custom CSS @media screen and (max-width:767px) { div#block-bce17edac222a09d2f1a+.row>.span-6 { width: 50% !important; float: left !important; } }
×
×
  • Create New...