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

tuanphan

Circle Member
  • Posts

    32,913
  • Joined

  • Last visited

  • Days Won

    330

Community Answers

  1. tuanphan's post in Flatiron: How to right align navigation menu on desktop, but use hamburger icon on mobile? was marked as the answer   
    Try new code
    @media screen and (min-width:769px) { #navigator header#topBar ul#nav { display: block; float: right; } }  
  2. tuanphan's post in Split screen layout issue was marked as the answer   
    Hi,
    The WillMyers code override it.
    Use this
    @media (min-width:799px) { body:not(.sqs-edit-mode-active).tweak-fixed-header-style-basic .split-sticky { top: 0 !important; } } This code will override the WillMyers plugin code. I'm not sure if it's causing problems with the plugin you're using.
  3. tuanphan's post in Icon in Secondary Navigation Affecting Text was marked as the answer   
    Add this CSS
    a.Header-nav-item[href="/coop-curbside"] { position: relative; top: 2px; }  
  4. tuanphan's post in Icon in Secondary Navigation Affecting Text was marked as the answer   
    Add this CSS
    a.Header-nav-item[href="/coop-curbside"] { position: relative; top: 2px; }  
  5. tuanphan's post in Product Selection was marked as the answer   
    Hi,
    You need to use 3rd plugin to achieve this.
    Use this plugin.

    --
    The above link is an affiliate link, which means I get a small commission if you click on it and buy the plugin from there
  6. tuanphan's post in Adding subtle shadow to footer 7.1 (layered look) was marked as the answer   
    Add to Design > Custom CSS
    footer#footer-sections { box-shadow: 5px 5px 10px black; }  
  7. tuanphan's post in Title not appearing on mobile video grid gallery was marked as the answer   
    Add to Design > Custom CSS
    @media screen and (max-width:900px) { .collection-type-gallery #slideshowWrapper .image-description { display: block !important; position: static !important; } }  
  8. tuanphan's post in How to custom align individual lines of text in announcement bar? was marked as the answer   
    Add to Design > Custom CSS
    @media screen and (min-width:768px) { #announcement-bar-text-inner-id { display: flex; justify-content: space-between; } }
  9. tuanphan's post in Side by side buttons on mobile one a specific page was marked as the answer   
    It is text block id above buttons. Both pages have different structure.
    /* Ross mobile page buttons side by side */ @media screen and (max-width:767px) { div#block-yui_3_17_2_1_1632106842580_2916~div { width: 50% !important; float: left !important; padding: 0 !important; clear: none !important; } div#block-yui_3_17_2_1_1632109353161_2748 { padding-top: 0 !important; } } If you need to add 2 buttons on multiple pages, we can conver it to Code Block, then you just copy-paste, no need to edit any code. What do you think?
  10. tuanphan's post in Change order of footer nav/middle blocks was marked as the answer   
    Use this new code
    /* Footer layout */ div.Footer-middle { flex-direction: row-reverse; } div#footerBlocksMiddle>.row { display: flex; flex-direction: row-reverse; } @media screen and (max-width:767px) { div.Footer-middle { flex-direction: column-reverse !important; } div#footerBlocksMiddle>.row { display: block; } div#footerBlocksMiddle { flex: unset; } }  
  11. tuanphan's post in Product Detail Page Customisation - Image on top in desktop view was marked as the answer   
    Add to Design > Custom CSS
    .ProductItem .ProductItem-summary { flex-direction: column; justify-content: center !important; } figure.ProductItem-gallery { float: none !important; margin: 0 auto; } section.product-details.ProductItem-details { padding-top: 0 !important; float: none !important; margin: 0 auto; }  
  12. tuanphan's post in [SOLVED] Adding a code block (or a google custom search engine) to the site header (7.1) was marked as the answer   
    Add to Last Line in Code Injection > Footer
    <script> $(document).ready(function() { $('div#block-aada196faed00d4629aa').insertBefore('nav.header-nav-list'); }); </script> <style> .header-nav-wrapper { flex-direction: row !important; flex-wrap: nowrap !important; display: flex; justify-content: space-between; align-items: center; } div#block-aada196faed00d4629aa { flex-basis: 60%; } </style>
  13. tuanphan's post in Is my site any good? was marked as the answer   
    #1. #2. Add to Design > Custom CSS
    /* Tablet logo overlap nav */ @media screen and (max-width:900px) and (min-width:641px) { div#topNav { margin-top: 30px; } /* buy from amazon */ div#block-yui_3_17_2_1_1629497187534_1965 * { font-size: 20px; } a.buy-button span { font-size: 12px !important; padding: 10px !important; } } With page speed core, see this
     
  14. tuanphan's post in Summary Block Thumbnail images round in one location, oval in another... was marked as the answer   
    Hi,
    Use a square Image

    similar image on homepage

  15. tuanphan's post in Mobile Information Bar Covering Social Links in Mobile Overlay Menu was marked as the answer   
    Try adding to Design > Custom CSS
    body.header--menu-open [class*="mobile-info-bar"] { display: none !important; }  
  16. tuanphan's post in Social link location in main navigation was marked as the answer   
    Add this to Design > Custom CSS
    /* Mobile-center menu overlay icons */ @media screen and (max-width:767px) { .header-menu-nav-folder.header-menu-nav-folder--active>div>div:nth-child(n+5) { position: relative; left: -6.5vw; } }  
  17. tuanphan's post in Side by side buttons on mobile one a specific page was marked as the answer   
    Add to Design > Custom CSS
    @media screen and (max-width:767px) { /* Gordon */ div#page-section-61480413649ec94660fd29c3 .span-6 { width: 50% !important; float: left !important; } /* James - ross */ /* It looks like you solved */ }  
  18. tuanphan's post in Two coloured menu bar - is this possible? was marked as the answer   
    Do you want to solve these?
    Site URL – https://weedwise.squarespace.com/?password=W33dw1s3
    1. (Desktop – Contact) The amount of text in the blocks is different, so the size of the blocks is not equal, it doesn’t look good.
    https://weedwise.squarespace.com/contact/?password=W33dw1s3

    2. (Mobile – Ground management) Increase text width?
    https://weedwise.squarespace.com/grounds-management/?password=W33dw1s3

    3. (Tablet – Landscaping) Text break.
    https://weedwise.squarespace.com/landscaping/?password=W33dw1s3

  19. tuanphan's post in Side by side buttons on mobile one a specific page was marked as the answer   
    Add to Design > Custom CSS
    @media screen and (max-width:767px) { /* Gordon */ div#page-section-61480413649ec94660fd29c3 .span-6 { width: 50% !important; float: left !important; } /* James - ross */ /* It looks like you solved */ }  
  20. tuanphan's post in Side by side buttons on mobile one a specific page was marked as the answer   
    Add to Design > Custom CSS
    @media screen and (max-width:767px) { /* Gordon */ div#page-section-61480413649ec94660fd29c3 .span-6 { width: 50% !important; float: left !important; } /* James - ross */ /* It looks like you solved */ }  
  21. tuanphan's post in Side by side buttons on mobile one a specific page was marked as the answer   
    Add to Design > Custom CSS
    @media screen and (max-width:767px) { /* Gordon */ div#page-section-61480413649ec94660fd29c3 .span-6 { width: 50% !important; float: left !important; } /* James - ross */ /* It looks like you solved */ }  
  22. tuanphan's post in Side by side buttons on mobile one a specific page was marked as the answer   
    Add to Design > Custom CSS
    @media screen and (max-width:767px) { /* Gordon */ div#page-section-61480413649ec94660fd29c3 .span-6 { width: 50% !important; float: left !important; } /* James - ross */ /* It looks like you solved */ }  
  23. tuanphan's post in when language folder is selected the dropdown menu visible the entire time while in that folder was marked as the answer   
    Hi,
    If you need to create 3 languages site, no need to create 3 dropdowns, you can consider using this guide. https://www.bradgood.net/articles/multi-language-content-on-any-squarespace-template
  24. tuanphan's post in Increase SVG logo file in footer on mobile was marked as the answer   
    Add to Design > Custom CSS
    /* Mobile-Reduce footer logo */ @media screen and (max-width:767px) { div#block-yui_3_17_2_1_1624539742957_5082 { width: 50%; } }  
  25. tuanphan's post in Horizontally aligning content in a code block was marked as the answer   
    Use this code
    /* clock icon-text */ div#block-yui_3_17_2_1_1631769160549_9797>div { display: flex; align-items: center; }  
×
×
  • Create New...