Search the Community
Showing results for tags 'mobile'.
-
Site URL: https://www.pagekastner.com I'm having an issue resizing this index banner height and width for mobile (on my homepage). I'd love for it to be more contained in the original form similar to desktop / not stretch into such a vertical layout. I've looked at a lot of codes with similar issues on the forum but worry that this specific index uses a different format - Henson template 7.0. I would also love to adjust so that the type on mobile doesn't run over image. If this cannot be solved, I'd rather remove these preview image all together for mobile. So a -
Site URL: https://werkit.se Hello, I am on a "Personal" plan and am looking for help on the following things: Removing the site title logo from only the first main page. Make the mobile version show a different image on main page and in headers then the desktop version. Thanks in advance! -
Site URL: https://elephant-crane-cc3x.squarespace.com/ Hi, When I check my homepage on Mobile it looks like this, which is fine: But when I want to enlarge these main images on the homepage they become pixelated (see image below). However I added them in high quality. And when I want to zoom out. The logo looks really weird (see image). How can i solve this? Many thanks!!
-
Site URL: https://puma-clover-m2dw.squarespace.com/ I'm almost done building my site, but can't seem to figure out one problem - the banner image on my site's home page has a TON of top and bottom padding, on mobile only. This code snippet seems to work for the other image blocks on other pages, but not this one: @media screen and (max-width:640px) { .sqs-layout .sqs-row .sqs-block-image:first-child { padding-top: 0px !important; } .sqs-layout .sqs-row .sqs-block-image:last-child { padding-bottom: 0 !important; } Password is 'airplane' Can anyone he
-
Site URL: http://www.dantesdots.com My background seems to be formatted correctly, but when I go to the mobile preview, there is a black box blocking the bottom half of the background. This is an issue only on that specific page as well. I'm confused as to what to do about it. I've attached pictures to show the desktop background vs what shows up for me in the mobile preview.
-
Site URL: https://www.josecolorado.com/blog/cebl-nblc-canada-basketball-player-salaries Whenever I take a screen shot of an image and put it into an "image block" on Squarespace it makes it becomes very small and unreadable on mobile. On desktop it is fine but on mobile it is way too small. Is there anyway to enlarge the image while not cropping off the content? Thank you!
-
Site URL: http://www.lunaanneprints.squarespace.com I have been looking through the forums trying to find a code to use so I am able to have my product images side by side on mobile view instead of stacked and I can not seem to find one that works. I am still in the process of finishing my website before I publish it, I am not sure if that has anything to do with it? My URL is lunaanneprints.squarespace.com and my password is Liverpool Please could someone help a lost soul - my user experience is super important and most of my customers will be using their mobiles. I have no -
Hello, I can't for the life of me find a code that allows for my background banner video on mobile to be where I like it without touching the desktop version. I have attached how I like both versions. Desktop Section height: 80 Mobile Section height: 41 Any help would mean light years! Maybe there is a way to link to separate videos for separate versions?
-
Hi all, I have images in a stacked gallery on a blog page (7.1) - I am using a stacked gallery to display title and description below the images. On a mobile, I want to display the images in two columns instead of stacking to reduce scrolling. I cannot use block-ids because this page has to function like a template for the client. Any help would be appreciated. @tuanphan - Any suggestions?
-
Site URL: https://onion-guitar-w3xs.squarespace.com/ Page password: peanutsandpomelo Hi! On certain pages my navigation links on mobile aren't visible as the images behind make them illegible. I just wondered if there is a way to move them further up the page so that they aren't obscuring the images. Thanks so much!
-
Site URL: https://naonow.com/ Hello! I was wondering how to get our weglot translation button to show up in mobile (which shows up on desktop/computer right now)? Hoping to resolve this as soon as possible! @tuanphan @rwp @yoshe Thanks! https://naonow.com/ https://naonow.squarespace.com/config/
-
Site URL: https://www.callummckirdy.com/ Hi. On a customer's site they wanted to go with a really clean menu item so we've hidden all the site navigation under a single button for the main navigation. But that navigation looks rubbish on a mobile device: > Any ideas on how to remove the "Menu" when ONLY on a mobile device? Thanks for your help. B
-
Hi, I am trying to style the mobile menu on a new site in 7.1. Wow, very frustrating that this is not an option! First, I am just confused where the default styles are inherited from. Second, I have figured out how to change the background color of the middle and bottom portions of the mobile menu with custom CSS, but I have not had success changing the top header piece (I ultimately want the whole background of the menu to be completely blue #2f4e98, with white type and the button as is). Third, is it possible to specify a different logo (full color) for mobile if I were to stick w
-
Mobile nav issue with the line over the "Back" text
rankoviccc posted a question in Coding and Customization
Site URL: https://www.billry.com/ Hi there! I'm having issues with making the entire navigation visible on mobile, more precisely, when I click on the hamburger icon it's ok, however when I click on the navigation item, the "Back" text is covered by something, not sure what it is. I tried changing the color, tried moving the nav left and right but nothing. Can someone please help? Thanks! Edit: the website is made in Brine family template, Impact -
Force desktop layout on mobile, York Family
olivianeagle posted a question in Coding and Customization
Site URL: https://olivianeagle.com hello! i am looking to either adjust the mobile breakpoints or just force the desktop layout as the default on mobile as well for my wesbite. URL: olivianeagle.com. it was built using the lange template from the york family. this is mainly a concern for the home page — the tiles/videos per project i have set on desktop get cropped too tightly on mobile. i would like them to appear on mobile at the same or a similar aspect ratio as they appear on desktop. has anyone successfully done this? thanks in advance for any advice! -
Site URL: https://www.edtech-consultants.com/ Having an issue. I injected this widget script into the site footer, but after doing so the navigation menu on mobile is completely non-functional: Code in footer: <!-- Calendly badge widget begin --> <link href="https://assets.calendly.com/assets/external/widget.css" rel="stylesheet"> <script src="https://assets.calendly.com/assets/external/widget.js" type="text/javascript" async></script> <script type="text/javascript">window.onload = function() { Calendly.initBadgeWidget({ url: 'https://calendly.co
-
Site URL: https://www.clemerizzo.com/ Hi! I am trying to resize my homepage banner for mobile to reflect my homepage on desktop but I can't find a code that will work. Currently, the mobile banner has too much white space on top and bottom and is cropped in too far. Thanks so much in advance for any help!
-
Apply 2 columns in mobile to specific summary
bbarinaga posted a question in Coding and Customization
Site URL: https://www.bbarinaga.com/portadasebooks https://www.bbarinaga.com/portadasebooks password: 1234 Hello, I am on 7.0 and am attempting to simply make one individual summary list switch to 2 columns on mobile. I have used the following code but the change is applied to all summaries and I only need it for this one: https://www.bbarinaga.com/portadasebooks @media screen and (max-width:640px) { .sqs-block-summary-v2 .summary-item.positioned { width: 50% !important; position: static; } .sqs-block-summary-v2 .summary-ite -
Site URL: http://www.felipemollica.com I am trying to make the space between project thumbnail and project title smaller on mobile. and also trying to align my website header to the thumbnails but have I am having no luck. i seem to able to adjust padding on the project thumbnails, but cant do it with the header. Thanks for the help in advance -
Site URL: https://shallot-reindeer-75xp.squarespace.com/config/pages Hi, I've created a header background image and added a page title over it. On mobile view I want to move the title slightly down to sit below the wave. I've try tweaking the padding, which does make it move down, but it also enlarges the background: How can I target just the text but keep the image as it is? Thank you! -
I'm working within the Harris (York family) template for a client, and unfortunately can't convince them to switch to a more robust template. Right now, the shopping cart icon on mobile is only visible within the navigation menu. Does anyone know of custom code that could move it either to the left of the mobile navigation button or to the bottom of the page (similar to how it is on Brine templates). Any input is appreciated!
-
How to change font of mobile search bar input text
MarshallRScott posted a question in Coding and Customization
Site URL: http://marshallarachnids.com Hello! My desktop site looks great, but on mobile, the search bar is nestled inside of the header navigation menu and has the same font as the header text, which is hard to read in the search bar. Is there a way to exclude the search bar font from this, or change it? -
Hiding an element added via code injection on mobile view
ELB2021 posted a question in Coding and Customization
Site URL: https://polygon-rabbit-4zag.squarespace.com/ Successfully used this guide to add a floating "back to top" button to the website. Is there a way to hide the added button for mobile view? Thank you in advance! -
Change where the picture headline is displayed on mobile?
Zeigerful posted a question in Coding and Customization
Site URL: https://michaelkablitz.de/en/portfolio PW: hallo123 My portfolio looks like I want it on desktop but on mobile the headline is sometimes below and sometimes above the picture. I want to make it look the same for every of those pictures. Is there a CSS code for that? -
Hi, I am trying to figure out how to change the font family and font size for the mobile primary and secondary nav toolbars on a site I am building. Template is Mojave. Can anyone tell me how to do this? Thank you!
