-
Posts
85 -
Joined
-
Last visited
dotandpeg's Achievements
-
Increase width of navigation to prevent stacking
dotandpeg replied to dotandpeg's topic in Pages & Content
@tuanphan thanks as always. The split navigation code works perfectly with this too. -
dotandpeg started following Styling stacked accordions on mobile and Increase width of navigation to prevent stacking
-
Hi, I have 6 navigation links on my site https://www.retreatbeautysalon.co.uk/. Ultimately I would like to create a split navigation 3 on each side of the logo. I have this code to achieve this: @media only screen and (min-width: 1030px){ .header-nav { position: absolute; margin-top:0!important; top: 2rem; } .header-nav-item:nth-of-type(2) { margin-right: 50vw!important; } .header-title { z-index: 99!important; } } BUT currently it's not working. I believe it is not working yet as the current width of the navigation links area is too narrow and they are stack on smaller screens eg macbook pro & tablet. Is there first a way to increase the width of this navigation area to prevent them from stacking? Thanks!
-
dotandpeg reacted to a post in a topic: Slideshow not loading in Chrome
-
Hi, I have found a way to make this work. Highlight the text, then add the link (I noticed at this stage that no line appeared beneath the text), then highlight the text again (the hyperlink line appears under the text) and then the link is 'live' and working.... so weird.
-
tuanphan reacted to a post in a topic: Background color showing above header and below footer
-
tuanphan reacted to a post in a topic: Styling stacked accordions on mobile
-
@tuanphan someone helped me and gave me this code @media only screen and (max-width:768px){ section[data-section-id="66914de6c0111c4c316387a1"] { display: none; } div#block-yui_3_17_2_1_1720797797912_25456 li.accordion-item:last-child .accordion-divider:last-child { margin-bottom: 20px; } div#block-960be9a8b9e33c0bc76e li.accordion-item:first-child .accordion-divider.accordion-divider--top { height: 0 !important; } }
-
Background color showing above header and below footer
dotandpeg replied to gullbekken's topic in Fonts, colors and images
@tuanphan I was having the same issue and this worked perfectly for me, thanks! body { background-color: white !important; } -
@tuanphan @LoftyDevs-Squarespace thanks for the replies, both those options worked
-
Hi, On my homepage in the services section I have two accordions side by side which works nicely (2 x 5 rows). On mobile these are stacked (I need 1 x 10 rows) and l put the accordions close together so they look like they are 1, but when sponsorship sales opens (row 5), the lines conflict with the accordion that is beneath it. (see screengrabs). I did think that I could create two duplicate sections & hide one for mobile and one for desktop eg the mobile version would be one accordion and the desktop two accordions. Is there a better way? https://reindeer-dandelion-kyhx.squarespace.com/ Password: reindeer123 Thanks as always, Laura
-
Hi, I would like help with a couple of things: - to make the size of the 'send' button on my contact form wider (more padding to the left and right), so it looks like the one I have on the about page - see screengrab - I have got a grey hover overlay appearing on the form fields, I would like to change the colour of that to yellow https://reindeer-dandelion-kyhx.squarespace.com/contact Password: reindeer123 Thanks Laura
-
Hi, I would to move the title below the description on my testimonial slider (see screengrab). Does anyone have any ideas? https://reindeer-dandelion-kyhx.squarespace.com/home Password: reindeer123 Thanks Laura
-
dotandpeg reacted to a post in a topic: How do I change the bg color of the mobile hamburger menu (and the colors there in general)
-
Hi, can anyone help. I have changed the colours in the menu overlay options - see screengrab. I would like my menu overlay background colour to be the acid greeny/yellow (in my template) with black text links, but the colours aren't there. I am getting a purple (which is one of my site colours) background (see screengrab). Can anyone help? https://reindeer-dandelion-kyhx.squarespace.com/ Password: reindeer123 Thanks Laura
-
@Lesum Thank you, that worked perfectly
-
Hi, I have added a split navigation to my site which is working well on desktop. https://beige-trout-rpar.squarespace.com pw: Surfing123 On tablet the navigation goes back to being centered, which I am OK with but the last item 'contact' keeps wrapping to the next line down. Is there a way to extend it so it stays on 1 line. See image. Thanks Laura
-
Pages not indexing on Google Console
dotandpeg replied to dotandpeg's topic in Appearance in search engines and Social
Hi @Collaborada, That worked, thanks! I have one more question. I have a page called https://www.thisisgravy.co.uk/work, but I do not want this page to be visible on the site so I've added a 301 redirect like below, so that it directs to the homepage. /work -> / 301 /work -> /home 301 (I tried this too) This work page is the parent page of all my portfolio items, but all my portfolio items link through form the homepage NOT the work page. So the work page is redundant and is not formatted/styled. So I just need it to be invisible. When I turned the page not visible, it also turned off all my portfolio items so I thought a 301 redirect would be a better solution. But the 301 redirect doesn't seem to work. Any ideas why? Thanks Laura