cjjonesyc

worked a treat, thank you!

https://www.chrisjjones.co/ thanks!

Hello, I would like to centre the gallery vertically on mobile. The gallery is currently at the top of the page. Any help much appreciated. Best.

Solved this myself. Here's the code if anyones interested: @media only screen and (min-width:991px) { .page-section:first-of-type { padding-top:15px !important; } .page-section { margin-left: 200px; } #header { padding: 40px 10px 10px 0px; width: 200px; position: fixed; height: 100vh; z-index: 99999 !important; display: table; writing-mode: horizontal-lr; text-orientation: mixed; } .header-nav-list { position: fixed; flex-direction: column; text-align: left !important; left: 4%; top: 18%; z-index: 9999; } footer.sections .content-wrapper { margin-left: -200px; } }

Update: I have managed to position the navigation items under the site title. I now have another problem - the first item in the nav list is indented. Can anyone tell how to stop it from being indented?

Please help! How do I position the navigation menu items underneath the site title? They are currently positioned to the right of the site title. This is the CSS I currently have: @media only screen and (min-width:991px) { .page-section:first-of-type { padding-top:0px !important; } .page-section { margin-left: 200px; } #header { width: 200px; position: fixed; height: 100vh; z-index: 99999 !important; display: table; writing-mode: horizontal-lr; text-orientation: mixed; } .header .header-announcement-bar-wrapper { padding: 10px 10px 10px 10px; } .header-inner{ height: 100vh; display: table-cell; vertical-align: top; } .header-nav-list { justify-content: left !important; } } Also how can I add in social icons at the bottom left? All help much appreciated. Thank you!

Perfect, thank you so much!

Thank you for your reply, but I am referring to the next / previous 'images' not the buttons.

Site URL: https://www.chrisjjones.co/colour-work I am trying to add opacity to the next / previous images in a slideshow reel. Whilst keeping the selected image at full opacity. This is the code I am entering into page advanced custom code box: <style> .gallery-reel-item: next { opacity: 0.5; } .gallery-reel-item: previous { opacity: 0.5; } </style> it is not working. Any help much appreciated. Thanks.