Kath_HampersFor
-
Posts
32 -
Joined
-
Last visited
Kath_HampersFor's Achievements
-
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
-
tuanphan reacted to a post in a topic:
Reduce announcement bar text size in mobile ONLY
-
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
