jonongec
Member-
Posts
28 -
Joined
-
Last visited
Recent Profile Visitors
The recent visitors block is disabled and is not being shown to other users.
jonongec's Achievements
-
Making a 2 grid gallery display as 1 column in Mobile
jonongec posted a topic in Customize with code
Site URL: https://www.jonathanong.com/journal/abbotsford-convent-wedding Desktop view - Gallery Grid is 2 columns I would like the mobile view to be 1 column. Does anyone have a code for it? On squarespace 7.1 -
efranken reacted to a post in a topic: Style 7.1 Gallery Captions
-
@tuanphan I found this person who uses squarespace https://www.emmawrightphotography.com/ seems like she's been able to do it are you able to give me an insight on how based on her code?
-
yes, but it's not the same sort of random grid and white space effect
-
Site URL: https://www.jonathanong.com/family Hi, I'm wondering whether there's a way to make the gallery more dynamic (a bit more random, with white spaces, not locked into a grid) I want it to look like this http://sunmoooon.main.jp/blog/ happy to hear recommendations from third party plugins as well thank you!
-
MehdiNih reacted to a post in a topic: Style 7.1 Gallery Captions
-
@stressbunny are you able to help me with the coding for the hamburger to kick in at 988px?
-
Any chance you had some time to have a look at it @tuanphan?
-
@tuanphan I've done a screen recording of me minimizing my screen on my desktop to the point where the navigation becomes 2 lines are you able to help me code it such that it will never be 2 lines but instead jump to burger menu? thank you in advance!
-
@tuanphan hmmm that’s strange. On my iPad Air it’s still the 2 lined navigation. My website currently doesn’t have your code, so is it possible you are seeing it on a smaller screen hence automatically going to burger menu? When I tilt my iPad vertically I also see the burger menu.
-
@tuanphan nope didn’t work 😞
-
Strange, on my iPad Air it’s like my first screenshot where the navigation goes into a second line. @tuanphan
-
@tuanphan yes some help would greatly be appreciated!
-
Site URL: https://www.jonathanong.com I've done a Split Navigation using Custom CSS which works fine for desktops. But on the Ipad the links seem to jump to the next line under the logo. Is there a way to force the navigation links into a hamburger menu like on the mobile? I tried using this code but then the logo went off center. Can anyone help? @media screen and (min-width:768px) { /* hide navigation */ .header-nav { display: none; } /* Hide header button */ .header-actions { display: none; } /* show burger */ .header-burger { display: flex; } /* Show overlay mobile menu */ .header--menu-open .header-menu { opacity: 1; visibility: visible; } }
-
Reduce padding around slideshow gallery section
jonongec replied to BarbaraD's topic in Customize with code
I used your code ([data-section-id="enter section id here"] .content-wrapper {padding-top: 10px !important; padding-bottom: 10px !important;}) and set it to 0px but still finding the padding too much Is there a way to further reduce it?- 62 replies
-
@tuanphan thanks, now the text is clickable 🙂 See screenshot for the text always not being in the center (see the bottom 2 landscape photos) Currently using this code - can you help me check if there's anything wrong? @media screen and (min-width: 640px) { h4 { writing-mode: vertical-rl; transform: rotate(180deg); margin: 0 auto; position: relative; right: 10px; } } figcaption.gallery-caption.gallery-caption-grid-strips { position: absolute; top: 42%; left: 50%; bottom: 0; background: rgba(0,0,0,0.0); color: white; left: 0; text-align: center; } p.gallery-caption-content { font-size: 120% !important; } figcaption { pointer-events: none; }