cupoftea

Hello, I have inconsistencies that have suddenly appeared without me changing anything to my website, which makes me think Squarespace must have changed something . They are as follows: 1. Navigation heading 1 On this page: https://www.robin-lyons.com/work previously at the top of the page, the navigation: ROBIN LYONS , WORK, HOME, ABOUT and CONTACT were white in colour and sat over the image without there being a grey bar there. Exactly like how they do on this page https://www.robin-lyons.com/ - this is how I want them to look. 2. Navigation heading 2 Previously on ALL the pages clicked through from https://www.robin-lyons.com/work the navigation would look like the navigation on this page https://www.robin-lyons.com/about (how I want it to look - black against white and contained in a white bar that stays fixed as you scroll down the page) as opposed to appearing in a thin grey bar. If anyone can help me put things back to how they were that would be great. Many thanks, Robin.

Site URL: http://www.robin-lyons.com Hello, I am having problems with my Nav bar on this page https://www.robin-lyons.com/work of my website. I would like the text in the navigation that reads 'ROBIN LYONS' , 'WORK' 'HOME', 'ABOUT', 'CONTACT' to be white. Exactly how it does on my splash page https://www.robin-lyons.com. What's strange is that my splash page https://www.robin-lyons.com uses exactly the same 'style' preset as https://www.robin-lyons.com/work for the Nav. Any help or code I can drop in to fix would be great. Many thanks. Robin.

Site URL: https://www.robin-lyons.com/work/smirnoff Hello, I am trying to make my hamburger menu appear black on just the mobile page https://www.robin-lyons.com/work/smirnoff without effecting how the site header looks on the rest of the site. I have managed to make this black on my other mobile 'work' pages, for example https://www.robin-lyons.com/work/her-home-advantage using the code body#item-618d19fdcd79e33780a7b906 #header{background-color: #FFF !important;} body#item-618d19fdcd79e33780a7b906 #header a {color: #111 !important;} but for some reason this code doesn't seem to work on https://www.robin-lyons.com/work/smirnoff even if for example I use the code body#item-61533729f737a7012e2f7d80 #header{background-color: #FFF !important;} body#item-61533729f737a7012e2f7d80 #header a {color: #111 !important;} Any help would be most appreciated. Cheers, Robin.

Great, thank you so much for your help! If possible theres a few last things I’d love your help to change just for my mobile viewing experience without changing the desktop viewing experience: 1. On my contact, about and pages linked through from my work menu I’d like the hamburger menu to be the colour #111111. I’d like for the hamburger menu to remain white on my home menu page and on my work menu page please. 2. Is it possible to target certain images in pages to constrain their level of crop in mobile? For example on this page: https://www.robin-lyons.com/work/ladbrokes the image of the tickets at the bottom of the page looks great in desktop viewing experience but on mobile the edges are cropped too much. I’ve attached screenshots of examples side by side to illustrate what I mean. 3.When I view my Heading 1 text on my work pages in the ‘Mobile Preview’ within the Squarespace editor the text line height formatting is close together and looks great (what I want). However when I view the same text on my mobile (iPhone 12 mini) the text line height is super spaced out which I don’t want. Is this possible to fix through code? I’ve attached a screen shot of the two examples side by side for reference. 4. On my home screen landing page I’d like the text that says ‘Robin Lyons’ 10px or so smaller if possible. Thank you so much for any help in advance!!! Cheers, Robin.

Hi that worked great but how do I close up the line height between each title on the media screen pages. They have become very spaced out now. I tried adding line-height: 2px to the block of css but it didn't seem to work...

Site URL: http://www.robin-lyons.com Hi there, I want to make a couple of changes to my website but just for mobile without effecting the desktop experience of my website. The changes I want to make for the mobile experience are the following: - Reduce the font size on my portfolio navigation screen. -Reduce the font size navigation footers that take you to the next or previous piece of work I've included screenshots of both to show how the font is too big at the moment on mobile. Any help very much appreciated. Cheers, Robin.

Solved it. Heres how: body#item-6151b5d0ee776231ddd14c5a #header{background-color: #FFF !important;} body#item-6151b5d0ee776231ddd14c5a #header a {color: #111 !important;}

Site URL: https://www.robin-lyons.com/other Hello, I'm wanting to make it so when you click through from any of the pages on https://www.robin-lyons.com/other (password is 'peach') the header changes to be a solid white with text in black on the page you land on. I have attached a reference image to show how I want it to look. I'm wanting to do this without effecting how the header is across the rest of the site. If helpful, the page that you are clicking through from is a 'portfolio' page and the links go to one of its sub pages. Any help would be most appreciated. Thanks, Robin.

Thanjs DV2, worked like a charm!

So I have managed to solve the first question I had around changing the font on just the portfolio navigation page. I put the code code in under the advanced settings. The code is as follows: <style> h1 { font-family: OGG !important; color: white !important; font-size: 90px !important; } </style> If anyone can help me change the font of the link that sits at the bottom of each of the pages clicked through from the navigation, that would be great. Cheers, Robin.

Hi bangank36, The name of the font is OGG. I've attached a screenshot of the code injection which might be useful for you. I've also attached two other screenshots, which circles in red font that I want to change to OGG. It's worth mentioning that the 'smirnoff.jpeg' is indicative of how the link font appears at the bottom of any page clicked through from one of the portfolio nav pages i.e 'bompass & parr', 'smirnoff','project three','project four'. I will want to change each of these to be OGG. Thanks again for any help. Cheers, Robin

Site URL: https://www.robin-lyons.com/other Hello, I am looking to change the font, as well as it's size on my portfolio navigation page, which can be viewed here https://www.robin-lyons.com/other (the password is peach). I want to change the font to a H3 which I have already set as a custom font that I have uploaded, but there doesn't seem to be the interface to do this - so I'm assuming this will need to be done through code? I'd also like to change the font at the very bottom of the page once you have clicked through from one of the portfolio links. For example if you click on 'Bompass & Parr' from https://www.robin-lyons.com/other at the bottom of the page it says 'Smirnoff' - I'd like to be able to change that. Again, I'm assuming this will need to be done through code? Any help would be most appreciated. Thanks, Robin

Hi Tuanphan, This almost works, with small, medium size page breaks, the video stays full width, but when I pull out my browser window wide, it brings back the padding. Please see screen shots attached of the biggest width where the padding is omitted next to the size from which the padding is brought back (the slightly wider browser window). I'm not sure if an additional piece of code is required? Thanks again for all your help! Cheers, Robin

Hi there, I'm also having issues getting a video on this page https://chipmunk-turbot-3bw7.squarespace.com/guinness of my website to go full width. I've tried various bits of code people have suggested from different forum threads but non seem to work. Any help would be most appreciated! Cheers, Robin.