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
-
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; }
-
@tuanphan It seems like the captions are not always in the center. See bottom photo especially. https://www.jonathanong.com/stories Are you able to help me with the code? Also if you can help make the whole image + caption clickable, that would be great. Currently the area around the caption is not clickable.
-
https://www.jonathanong.com/ Currently I'm using this code } 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; } I'm finding the captions sometimes centered, sometimes not. Also top : 42% seems more centered than 50% for some reason. Basically I just want the caption in the absolute center of the image. And also if you have code for making the whole image and caption to be able to be clicked through. Currently you can't click on the caption but can click on the rest of the photo.
-
@tuanphan how do you make the text in the center of the image? currently it's at the bottom of the image and I would like it totally centered (up and down, left and right)