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


Circle Member
  • Content Count

  • Joined

  • Last visited

  • Days Won


Everything posted by tuanphan

  1. @embroom You can like (heart icon, bottom right) & upvote, if the question is correct. Thanks.
  2. @embroom You should share site url. Difficult to explain...
  3. forget, change #topnav nav li:nth.... to #topNav nav ul li:nth-child(n+4) { float: right !important; } It will be shorter .... 😋
  4. @Satori2046 edit the above code to 5, 6, 7, 8 > 4, 5, 6, 7 #topNav nav li:nth-child(4), #topNav nav li:nth-child(5), #topNav nav li:nth-child(6), #topNav nav li:nth-child(7)
  5. sorry, forgot, the code only works for mobile, change 640px to 990px If it still doesn't work for both, can you share site url? i can take a look.
  6. @embroom You should share site url or template name. Each template will have different CSS. If you found css for desktop, you can use media query for mobile & table @media screen and (max-width:990px) { /* for tablet - mobile */ Paste your CSS here }
  7. @embroom Add to Home > Design > Custom CSS @media screen and (max-width:640px) { /* Title */ .image-card-wrapper .image-title * { font-size: 50px !important; } /* Sub title */ .image-card-wrapper .image-subtitle-wrapper * { font-size: 20px !important; } }
  8. @LS2019 You should share site url. Each template family will have different code
  9. @Satori2046 Remove empty nav items, then add to Home > Design > Custom CSS @media screen and (min-width:991px) { .site-alignment-left.header-navigation-normal #topNav { width: 75%; } #topNav nav { width: 100%; } #topNav nav li:nth-child(5), #topNav nav li:nth-child(6), #topNav nav li:nth-child(7), #topNav nav li:nth-child(8) { float: right !important; } }
  10. @basakatac Add to Home > Design > Custom CSS if you want to use white logo body#collection-5d929569ed1a224763913fb9 .header-title-logo img, body#collection-abcxyz2t43td1a224763913fb9 .header-title-logo img { -webkit-filter: invert(1); filter: invert(1); } with body#collection....b9 and is Page ID. Each page will have different ID. See how to find page id.
  11. @rmjs you can use custom code, not really good way. Add to Home > Design > Custom CSS. Replacy https://...generatepress.png with your banner image url .homepage div#blogList:before { display: block; content: ""; background-image: url(https://beaverhero.com/wp-content/uploads/2019/10/target-generatepress.png); background-repeat: no-repeat; background-size: contain; height: 400px; margin: 0 auto; max-width: 1150px; margin-bottom: 20px; }
  12. @abibacon If you need fixed header, you can use this code header.Header.Header--top { position: fixed; top: 0; left: 0; right: 0; z-index: 999; } But if you need line appear on scroll, it will need custom javascript/jquery. And it is very time consuming. You can wait for someone to help, or you can consider hiring me (~20-30 minutes).
  13. @abibacon Add to Home > Design > Custom CSS section#peopleareparamount { border-bottom: 10px solid #fff; }
  14. @Scaleupmarketing @media screen and (max-width:640px) { h2 span {font-size: 10px !important;} }
  15. @Satori2046 Did you solve? If not, you can share url, i think some custom code can push icons to right.
  16. @theresaangela Can you setup password & share site url?
  17. @AKTH Can you share site url? I just tried colin's code. It worked... or try (Add to Home > Design > Custom CSS) #navigator .siteTitle { float: none; text-align: center; max-width: 100%; padding-bottom: 0; } #navigator header#topBar ul#nav { float: none !important; max-width: 100% !important; text-align: center; }
  18. @JohnWay Try adding to Home > Design > Custom CSS @media screen and (max-width:990px) { /* Show Mobile Header */ [data-nc-base="mobile-bar"] { display: block; } /* Remove Tablet Header */ header.Header.Header--top { display: none !important; } }
  19. @JoeartistLogo used to be in the center? I have solved for some clients, the problem comes from negative margin left. You can set a password and share the url.
  20. I guess negative margin left @Joeartist Can you share site url to check?
  21. @JohnWay collapse.. It need to write custom js. Quite complex, and it's beyond the scope of free support here. You can use CSS to decrease font size/padding or split header to 2 lines..
  22. @Garvan Try https://chrome.google.com/webstore/detail/squarespace-collectionblo/bggpdfnccodbnmcndckmeehdjkjojkde?hl=en-GB
  • Create New...