Search the Community
Showing results for tags 'mobile'.
-
custom css h1 font not appearing on mobile?
ErynnBriggs posted a question in Coding and Customization
Site URL: http://www.ebcophoto.com Hi my custom CSS H1 font code is only appearing on the desktop version of my site and not mobile. do i need specific code to make it work on mobile too? (the intended font is called White Angelica} Thank you -
Site URL: http://spellcraftbeauty.com On mobile, my footer is showing up in my menu navigation just on the home page. It isn't doing it on regular pages. What am I doing wrong?
-
Site URL: https://www.satorgarments.com Is there any CSS codes where I can change each font option to a different colour on the mobile overlay menu, attached is a screenshot
-
Site URL: https://dapfilia.be Hi folks! I'm trying to center a gallery on mobile. The one with the colleagues π I can't find the wright code for it. Anyone an idea? TIA
-
Site URL: https://meridianhivedraftwebsite.squarespace.com/config/pages HI, I wonder if anyone can help me out. I'm revamping our website and have some large full width images on multiple pages (Home page and landing pages). I'd like to reduce the size of the images for Mobile view to prevent them being cut off. I've reviewed previous suggestions/advice here but haven't found anything that works for me. I've installed an app that allows me to view squarespace block, image and section id's. However I still can't get it to display correctly. Here is an example of the code I've us -
Mobile Site cutting off my banner/photo on homepage
rosinbro posted a question in Coding and Customization
Site URL: https://www.wobblerealm.com/ My banner is being completely cut off on my homepage instead of resizing. How do I fix that? https://www.wobblerealm.com/ -
Site URL: https://www.bockmaster.com/about Months ago, I had formatted my site for mobile with a bunch of CSS and it looked perfect. I just checked it on mobile and realized that the sections that previously looked beautiful with stacked content are now in narrow columns! My CSS is still there and is applied, but it doesn't look the way it's meant to because of these columns... Has Squarespace changed something that would have caused this? Screen shots to show how it's looking currently.
-
Site URL: https://www.twentyfivedelta.com/solutions For this specific page https://www.twentyfivedelta.com/solutions I'd like to have it so the order of the paragraphs and videos/images for each of the solutions is consistent in mobile view. Paragraph - Video/Photo - Line Break, Repeat. Tuanphan, I need you! Thanks in advance!
-
Make H1 smaller on Mobile? Is this EVEN possible?
James-Knipe posted a question in Coding and Customization
Site URL: http://www.bird-cranberry-j4tc.squarespace.com Hi guys, Is there a way to reduce the H1 for Mobile? I have had to reduce my H1 so it sits on 2 lines on Mobile. But Ideally I would like it larger when in Desktop view. Link: http://www.bird-cranberry-j4tc.squarespace.com Password: squarespace Thank you, James -
Site URL: https://guitar-coyote-2582.squarespace.com/ Galleries not responsive on mobile, i have 2 columns on desktop same thing on mobile, how do i set up to have 1 column on mobile? site pass: 12345
-
Hello, I have parallax enabled for a banner image (which I like). However, on mobile, scrolling down the page looks very jittery. I'd like to disable parallax on mobile altogether, while leaving it functional on desktops. How can I do that? I've tried injecting the following code into the page header, to no avail: @media screen and (max-width:640px) { .parallax { background-attachment: inherit; } } Thanks, Joe
-
Site URL: https://kirkhill.com.au/ Hi all, Like this user below, Iβm trying to adjust the size of the headline on mobile only so the text isnβt ridiculously large. I successfully added the css below into the Cover page layout https://kirkhill.com.au/homearchive however it doesn't work with the Card page layout for https://kirkhill.com.au/ <style> @media screen and (max-width: 600px) { h1#sqs-slash-page-header { font-size: 20vw !important; } } </style> Any idea what needs changing? It would be great if I could change the font size to match
-
Site URL: https://thetoolbelt.com/ My section background images are cropped on mobile phones. Can you help me!? https://thetoolbelt.com/
-
@tuanphan
-
Site URL: https://karmalambnaturals.squarespace.com/config/ Is there any css to resize this section it's not mobile friendly at all? Please help!
-
Site URL: https://www.woho.co.uk/news Hi there, I have been trying to find a solution for a problem I have been having on my news page whilst being viewed on mobile. It shows this order as you scroll down in a single column: 1-Picture 2-Text 3-Text 4-Picture 5-Picture 6-Text 7-Text 8-Picture 9-Picture 10-Text When the order I want it to be is: 1-Picture 2-Text 3-Picture 4-Text 5-Picture 6-Text 7-Picture 8-Text 9-Picture 10-text it seems that this is a common problem that is well documented on this forum but all the CSS code I have -
mobile shows desktop header then pops to mobile.
kxxm3773 posted a question in Coding and Customization
Site URL: http://gallery.biomestudios.co.nz On mobile (or desktop with a narrow size and 3g/4g simulated speed) every load of a main page starts by showing the desktop HeaderTitle, and then pops to the mobile formatted one. It seems that the page always by default loads showing the desktop header, and then some javascript hides the desktop header div, and shows the mobile header div. But this makes for an obvious pop from incorrect display to correct. How can I prevent it from doing this? -
Site URL: https://www.uniquelydolledwigs.com Hello, I would like to fade the main site content when my mobile navigation is open. Is there a code that could create an overlay color when the mobile navigation menu is active? I've attached an example. Any help would be appreciated!!
-
Hi, Does anyone know how to edit the footer size for mobile version? I seem to be having problems with it. It looks so long(first image), but I wanted short like the second image attached. Thank you in advance π
-
Site URL: https://www.injectiongal.com/ 1. I don't understand why squarespace STILL hasn't figured out how to optimize headers and drop down menus better for mobile view. Why can't we set specific font sizing for mobile view like you can on Webflow? My clients like the big header fonts on the desktop view, but they don't adjust appropriately on mobile view. it cuts off the word and drops the letters to the next line. This looks ridiculous. 2. The drop down menus in mobile view do not work when the mobile information bar is enabled. It freezes and cuts off some of the services listed. I
-
Site URL: https://www.vernhippensteal.com Hello, I am using the following CSS for a custom sidebar navigation menu: #headerWrapper header#header { height: 100vh !important; padding: 15px !important; /* change to anything you want */ } body.sidebar-position-left #headerWrapper { left: 0 !important; top: 0 !important; } #headerWrapper header#header { height: 100vh !important; } header#header { background: #402533; } What do I need to change or add so that the header does not take up 100vh on mobile? One scr
-
Site URL: https://goose-magnolia-r53a.squarespace.com For some reason my mobile view menu bar is not displaying properly? It was fine and now not sure why itβs not working. Can anyone help please? password: Orlabean16
-
Site URL: https://www.andreaaronica.com/test-sidebar/Blog%20Post%20Title%20One-nhkjm Hi there, I wanna reduce an image just on mobile. I tried with this code but every time I had the Id I get a syntax error. #collection-573ca1a67c65e4bc1c012206 { #block-yui_3_17_2_1_1602785904195_3833 @media screen and (max-device-width: 640px) { .sqs-block-content .image-block-outer-wrapper { width: 50%; height: 50%; margin: auto; } } } Thank you.
-
Site URL: https://cyrcastrategy.com/ Hi all - I'm trying to write code to hide the site description (only shows in certain templates) on mobile only. It's not resizing correctly on mobile so I'd rather remove it altogether. Also - is there a way to resize the title on mobile only?
-
7.1 Adjusting the font size for mobile navigation links
IM_Design posted a question in Coding and Customization
I'm not finding an option with version 7.1 yet to adjust the mobile navigation font size, any options?
