jonongec

@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

@bangank36that code worked perfectly. now everything is clickable 🙂 thank you! @CalixtoD My next question would be the same one! on the ipad, my split navigation goes haywire. and in general the split navigation does always seem to be slightly off center - more apparent on different desktop sizes. hopefully @bangank36can help?

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?

i removed the code, so my website is now back to the original state (logo unclickable) didn't want viewers to be stuck

@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;

@bangank36 now the rest of the navigation items is not clickable! help!

thank you @bangank36 that worked perfectly!

@tuanphan thanks but that seem to completely make the text disappear i've changed the colour so you can see the sections (when it's completed the sections will have the same colour so it will seem seamless basically i want the text "Wedding photographer in Melbourne" to be as close to the logo as possible. And also the slideshow to be closer and have less padding to the "Wedding photographer in Melbourne" section thanks in advance @tuanphan