Jump to content

BUROM

Circle Member
  • Posts

    25
  • Joined

  • Last visited

Everything posted by BUROM

  1. @tuanphan I know, but I don't want it on two columns anymore.. I have already deleted the code but it still shows up? Why is this happening
  2. @tuanphan it's still happening on all the pages when viewing on mobile. I've deleted the css code but it still shows up. Why is it doing that? https://uptown.sydney/eat-and-drink
  3. @tuanphan I have added this CSS and I didn't like it so I removed it, but the style change is still showing on my end. Do you know why this is happening? Thank you
  4. @tuanphan Can I do the same for the buttons in a GALLERY Block to make sure that the buttons are always aligned at the same height? reference link: https://uptown.sydney/eat-and-drink
  5. Hi @tuanphan the page is: https://uptown.sydney/eat-and-drink
  6. I'm using lots of gallery blocks on this website and I would like for the gallery blocks to display SIDE BY SIDE on mobile rather than stacked. I have this code which doesn't seem to work on my end: // STACK GALLERY ON MOBILE // @media screen and (max-width:650px) { .gallery-grid-wrapper { grid-template-columns: repeat(1,1fr) !important; grid-row-gap: 2vw !important; } } Does anybody know where I'm going wrong?
  7. I have been able to solve the issue with the below code: @media only screen and (min-width: 785px) and (max-width: 1100px) { .header-title { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 9999; }} Thanks for your help
  8. Hi @tuanphan the code doesn't work on my end, see picture reference. Nothing has changed.
  9. Hi @tuanphan I'd like to explore the (2) option. Not sure how I set up the breakpoint to force mobile menu at a certain size only. Can you assist with that? Thank you
  10. Hi there, I have a central logo placement with navigation links on the left side. Currently when I make my desktop window smaller, the links will stack over 2 or 3 lines. I have already reduced the font size of the links but can't make it any smaller. To fix this I have used a code below, which partly works but it allows for the logo to go OVER the links which is not user friendly. nav.header-nav-list { flex-wrap: nowrap !important; } Can somebody please assist to ensure that when I make my window smaller, the links don't stack AND the logo doesn't cover the links. url: https://roadrunner-maracas-sryk.squarespace.com/ password: burom
  11. Omg you're the best! 2 more things: 1 - is it possible to have a fade transition effect when clicking between "for brands" and "for people"? 2 - can I get more space with css between the header "amplifying leaders...." and the paragraph? Thank you Thank you
  12. Hi there I'm having trouble with the MENU BLOCK. I'd like to align the text + title + menu tabs to the left. WEBSITE HERE https://emmiko.com.au/test I've been able to left align the tabs but for some reason the title and description doesn't work for me. Does anybody know how to left align this with css code? I've tried the multi-column feature as outlined by Squarespace but that wasn't successful. Thank you
  13. @tuanphan amazing that worked! Thank you so much! You're the best!
  14. @tuanphan unfortunately now the last name field shows up as NA.
  15. @tuanphan I actually refer to the padding that is visible when using the video blocks. I want the video block to be perfectly aligned with the gallery sections below ( see images below for reference ) I did find a solution to work around this.. by using a new section and set the background to video and set the setting to inset. However this does add extra whitespace at the bottom for this section. How can I remove/ reduced the highlighted section in blue?
  16. Hi @tuanphan this code didn't work for me... How can I make this a rule for the whole website to have 0 padding around the native video blocks. Website https://shallot-octahedron-m3zj.squarespace.com/work/pauline-nguyen Password BURO-EMMIKO
  17. Hi there, I added the below code as footer code injection, but it still shows the last name "field" in my footer. What am I doing wrong? Website https://shallot-octahedron-m3zj.squarespace.com/home <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script> const lnames = document.querySelectorAll('.last-name input') const lnameFields = document.querySelectorAll('.last-name') $(document).ready(function(){ lnames.forEach(lname => { lname.value = "-" }) lnameFields.forEach(lnameField => { lnameField.style.display = "none" }) }); </script>
  18. Oh wow thank you so much! That did the trick!! Amazing.
  19. Hi there I have been able to add horizontal lines between menu items on desktop view, I would now like to replicate the similar design for mobile use but instead of horizontal lines I would like vertical lines. Can somebody assist? The code I used for the desktop version is: .header-nav-list > .header-nav-item:after { content: ''; width: 70px; height: 1px; display: block; background: black; margin-top: 1vw; margin-left: 1vw; margin-right: -4vw; } .header-nav-list > .header-nav-item { display: flex; align-items: center; } .header-nav-list > .header-nav-item:last-child:after { content: unset; } Website: https://shallot-octahedron-m3zj.squarespace.com/ PW: doopie DESKTOP MOBILE VIEW
  20. Hi there - after further investigation the quantity arrows are linked to which browser you use. On Mobile us squarespace prompts the keyboard for the quantity selection which is odd. Thanks so much for your assistance.
  21. Apologies, that URL has changed. Please use this link @tuanphan https://pepetino.co/product/p/native-chilli-olive-oil
  22. tuanphan Please see the link here for your consideration. https://pepetino.co/shop-old/p/spicy-native-chilli-evoo
  23. Has anybody found a solution for this? The above solution doesn't work. I would like for the quantity arrows to always show on the product page both on mobile and on desktop.
×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.