Kath_HampersFor
-
Posts
32 -
Joined
-
Last visited
Content Type
Forums
Downloads
Store
Events
Blogs
Gallery
Profiles
Everything posted by Kath_HampersFor
-
Hide Nav links in Mobile View only - keep hambuger
Kath_HampersFor replied to Kath_HampersFor's topic in Customize with code
I found the competing css code, but i now want to remove the arrow that is remaining, currently it looks like this:
-
Hide Nav links in Mobile View only - keep hambuger
Kath_HampersFor replied to Kath_HampersFor's topic in Customize with code
The code Will recommends is: .wm-secondary-mobile-nav{ display:none !important; } However, it has no impact on my site...do I have competing css? Are you able to see? -
Hide Nav links in Mobile View only - keep hambuger
Kath_HampersFor replied to Kath_HampersFor's topic in Customize with code
Thanks for responding https://iris-owl-rwdf.squarespace.com/ -
Hi, no css coding seems to work - I would like to remove the nav links and pink background on mobile view only, but keep the hamburger.
-
Sorry, pw: view
-
Site URL: https://iris-owl-rwdf.squarespace.com/config/ I have looked everywhere and I cannot find a solution to creating a multi row header. Squarespace 7.0 had templates with this feature but 7.1 does not. I know about the announcement bar and this is not what I am looking for. The website is published but i am looking to reformat as i am not entirely happy with how it looks. Many thanks
-
I am getting a syntax error in this line @media screen and (min-width:1200x) and (max-width:1300px) {
-
How do you do that?
-
Notice, that as the page size reduces, the navigation links begin overlapping the logo (i think my code above somehow stopped the stacking into 2 lines) ...see image below
-
HI, i hope i can still get some feedback here. I have tried to prevent nav link stacking in the header with this code: .header-nav { width: 90% !important; flex: 1 1 90% !important; } #logoWrapper {display: block !important; padding-top: 40px; margin: auto !important;} header{ position: fixed; height: 190px; padding: 0px; text-align: center; #header #headerNav { display: inline-block; margin-top: 45px; text-align: center; margin-right:; } #headerNav nav a { padding-left: 15px; padding-right: 15px;} } BUT what happens is it reduces the size of the logo and sends everything to the right. Is there a simple code fix? url: https://hampersfor.com.au (live site) Thanks, Kathy
-
Reduce announcement bar text size in mobile ONLY
Kath_HampersFor replied to Kath_HampersFor's topic in Customize with code
Ok, while waiting for one of the techies to respond I tweaked a code that i had and it worked: @media screen and (max-width:640px) { .sqs-announcement-bar-dropzone p { font-size: 12px; } } It may work for you, I am using 7.1.- 2 replies
-
- 1
-
-
- announcement-bar
- mobile
- (and 2 more)
-
Site URL: https://www.hampersfor.com.au It doesn't seem to matter what combination of codes i use or if I reduce the text size in the announcement bar through the mobile site styles - it reduces the global text size too. Is there a simple CSS code that can fix this issue - otherwise it looks odd in mobile view. LASTLY: is there a simple code to increase the logo size in mobile view, again, everything i try doesn't seem to work. (website is live)
-
It's ok, i fixed it myself (fingers crossed) using a different text based icon.
-
Thanks ...but the syntax didn't work.
-
Site URL: https://iris-owl-rwdf.squarespace.com/config/ Hi, i have just noticed that the arrows on my listed products are almost invisible. I have tried a dozen different CSS codes on here to try to fix, but nothing works. My question is this: - can the arrows be made larger, thicker and instead of looking like this "<>" more like this ←→ - i'd also like to change the background colour of the arrow to make it stand out more. Feedback from consumer research is indicating that both on tablets and mobiles the current arrows are impossible to see. https://iris-owl-rwdf.squarespace.com/config/ pw: view The site is live so maybe the pw is no longer needed? Many thanks, Kathy
-
I found an icon but i would like it black...is there anyway to do this?
-
Site URL: https://iris-owl-rwdf.squarespace.com/config/ https://iris-owl-rwdf.squarespace.com/config/ pw: view We are in the finishing stages of our site and I just want to tweek a few things. How do I add a phone icon before the number? I've tried adding image blocks and the formatting of something so small is almost impossible so i am just after some css code. Thank you
-
Site URL: https://iris-owl-rwdf.squarespace.com/config/ Site URL: https://iris-owl-rwdf.squarespace.com/config/ This is driving me to distraction. I have successfully placed two sections side by side on my homepage. The one on the left is a gallery slideshow and the one on the right is a still image block. But it looks terrible and i cannot get them to align, come closer together and to just generally look professional. How do i remove the padding and align them so that they are sitting directly side by side? https://iris-owl-rwdf.squarespace.com/config/ pw: view We need to launch the site and these formatting issues are holding us up. Many thanks
-
Yaaay! Thank you
-
Ah yes of course - the password is 'view'
-
Is this my login password?
-
Site URL: https://iris-owl-rwdf.squarespace.com/config/ None of the code configurations i try will reduce the white space between the patterned image inserted and the next section...it's driving me crazy
