BUROM
Circle Member-
Posts
25 -
Joined
-
Last visited
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Everything posted by BUROM
-
@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
- 9 replies
-
- gallery-block
- gallery
-
(and 1 more)
Tagged with:
-
@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
- 9 replies
-
- gallery-block
- gallery
-
(and 1 more)
Tagged with:
-
@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
- 9 replies
-
- gallery-block
- gallery
-
(and 1 more)
Tagged with:
-
Equal vertical alignment of text/buttons within columns
BUROM replied to jinlikegold's topic in Customize with code
@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 -
Hi @tuanphan the page is: https://uptown.sydney/eat-and-drink
- 9 replies
-
- gallery-block
- gallery
-
(and 1 more)
Tagged with:
-
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?
- 9 replies
-
- gallery-block
- gallery
-
(and 1 more)
Tagged with:
-
Avoid navigation links stacking with centre logo
BUROM replied to BUROM's topic in Getting Started With Squarespace
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 -
Avoid navigation links stacking with centre logo
BUROM replied to BUROM's topic in Getting Started With Squarespace
-
Avoid navigation links stacking with centre logo
BUROM replied to BUROM's topic in Getting Started With Squarespace
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 -
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
-
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
-
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
-
Custom Newsletter Block w/ only First Name & Email
BUROM replied to hypochandrea's topic in Customize with code
@tuanphan amazing that worked! Thank you so much! You're the best!- 41 replies
-
- custom-css
- newsletter
-
(and 1 more)
Tagged with:
-
Custom Newsletter Block w/ only First Name & Email
BUROM replied to hypochandrea's topic in Customize with code
- 41 replies
-
- custom-css
- newsletter
-
(and 1 more)
Tagged with:
-
@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?
-
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
-
Custom Newsletter Block w/ only First Name & Email
BUROM replied to hypochandrea's topic in Customize with code
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>- 41 replies
-
- custom-css
- newsletter
-
(and 1 more)
Tagged with:
-
Add vertical lines between mobile navigation menu items
BUROM replied to BUROM's topic in Customize with code
Oh wow thank you so much! That did the trick!! Amazing.- 2 replies
-
- navigation
- menu
-
(and 1 more)
Tagged with:
-
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
- 2 replies
-
- navigation
- menu
-
(and 1 more)
Tagged with:
-
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.
-
Apologies, that URL has changed. Please use this link @tuanphan https://pepetino.co/product/p/native-chilli-olive-oil
-
tuanphan Please see the link here for your consideration. https://pepetino.co/shop-old/p/spicy-native-chilli-evoo
-
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.