Search the Community
Showing results for tags 'mobile'.
Found 347 results
-
When building my site, i came across a problem I couldn't solve. I have my social media icons on the navigation on top of the page. When viewed in mobile, I lose them. I was looking to put them in the mobile menu (inside the hamburger icon) but was never able to find a solution. Was wondering if anyone had a solution to that. What I did was I placed them in the contact page on the bottom when seen on mobile. That is a temporary solution until i find a permanent solution. Is there a way to do this using CSS? I am using brine template. A solution to this would be appreciated. http://www.marinocarrabs.com Thank you!
-
I need help figuring out how to keep the summary block background on this page from being wider than the viewport. It took me forever how to figure out how to get the background to be full-width on desktop. It seems to all be shaping up except for the right side extended past the viewport on mobile devices. I would greatly appreciate any insight. Thank you!!! -
I'm trying to style the info-footer and footer on the website I am working on. It looks lovely in Desktop mode, and not so lovely in tablet or mobile. (I've given it a good try piecing together code from reading the help forum, but I haven't had any luck.) The template is OM from the Montauk group. The website is here. I've attached screen shots of the Desktop, Mobile and Tablet views so you can see what I mean. What I would like is to edit the info-footer on both mobile and tablet: the logo to span evenly across the whole footer the email and address links to stack neatly in the centre below the logo graphic the social links in the info-footer to also be in a line, centred below the email and address links but not touching the footer the copyright, terms and conditions and privacy links to be small and not scattered across Any ideas? Thanks!
-
Hi, Guys. I've just published my website and everything seems cool, except for the Hamburger Menu on a few mobile devices. It should appears in the right corner but it's placed under the logo but only in iPhones with bigger screens. I've already tried to open in Safari and Chrome from 2 different devices (iPhone 6s Plus and iPhone 8 Plus). It shows correctly on smaller iPhones (tested on iPhone 5 and iPhone 7). On Androids it seems to work properly. I've also try using a smaller logo for mobile version but still getting the same result. Searched for some light on Forum but no one was talking about that. I'm including a screenshot of the problem. Thanks in advance!
-
hello there, My graph is not showing the whole content in mobile version. Is there anyway to control or adjust the graph size? any help would be appreciated. Ro
-
Hi, I am making a mobile navigation for my website to be used on tablet and desktop too. However, the navigation links will not center no matter what I do. if I change them they change on another thing. Here is my code. Please help 😞 .is-mobile-overlay-active .Mobile-overlay { @media screen and (min-width: 768px) { width:30% } @media screen and (max-width: 768px) { width:50% } @media screen and (max-width: 640px) { width:80% } } @media only screen and (max-width: 768px) { .Mobile-overlay-nav-item, .Mobile-overlay-folder-item { text-align: center ; margin-left: 65px; padding-bottom: 50px} .Mobile-overlay-menu { width: 100%; z-index: 1} } @media only screen and (max-width: 640px) { .Mobile-overlay-nav-item, .Mobile-overlay-folder-item { text-align: center; margin-left: 45px !important; padding-top: 0px; padding-bottom: 30px} .Mobile-overlay-menu { width: 100%; z-index: 1;} } media only screen and (min-width: 768px) {.Mobile-overlay-nav-item, .Mobile-overlay-folder-item { text-align: center; margin-left: 230 !important; padding-top: 0px; padding-bottom: 30px} .Mobile-overlay-menu { width: 100%; z-index: 1;} }
-
Hi. I noticed there is a plus symbol for pages in a folder in the navigation menu when in mobile view. How can I remove the plus symbol? I am using the Bedford template. http://www.stan-x.org/ -
Hello All, Currently trying to finish up my site but it seems as though the header text on mobile does not want to center. I can not find the reason this is happening as it is centered everywhere else. Please feel free to let me know if anyone has come across this problem. The site is theaccomplishedbrain.com. Thank you! -
site: tonetension.com password: erikwiss When I browse on a mobile phone in portrait mode the title "Tone Tension Productions" overlaps the hamburger navigation icon. How do I fix this? Thanks guys
-
Hi, I am wondering how to make the banner height smaller in Mojave on mobile - its really big and I got the text to be smaller but the image is so big that the whole layout is now weird. So I think I need to make the banner image shorter so everything fits right. Site is https://www.birthstrikeforfuture.com/
-
Custom CSS To Make Index Banner Full Bleed On All Devices
AnalogDerek posted a question in Coding and Customization
I'm using Horizon template and trying to get my homepage index banner to display a full bleed video on computer screens and full bleed fallback image on mobile devices. In Site Styles I've been able to change the Index Overlay Padding to 22% which seems to give me full bleed video on all desktop and laptop screens. But it looks small and terrible on mobile. Is there either code that I can inject that will force full-screen for index banner site wide on all devices. Or code that would allow me to set separate Index Overlay padding values for desktop and mobile versions? Any help would be much appreciated. -
Allow pinch-to-zoom for Lightbox images on mobile?
Glenno posted a question in Coding and Customization
Is it possible to use CSS or other coding to turn on the ability for users to pinch-to-zoom on images in Lightbox view on mobile devices? (It would have to be the usual zoom in/out gestures, in Lightbox mode, on a Gallery Page.) I don't understand why Squarespace still doesn't allow this. Every other website and gallery maker I know of does it, as it's a hugely useful feature for photography and art given how small mobile screens are. Thank you! -
Hi, I have a problem with my site logo, when I turn to mobile view it gets very small. Is there a way to make the change of logo size from desktop to mobile less drastic??I I´m in the fulton template, Best Mikkel -
Maybe this is a two part question: 1. I'm trying to figure out how to change the height of my index banners on mobile view (I've tried several things that don't work). 2. When I change the height of image (and probably the index banners too) the text over the images stops being vertically centred over the images. Is there an easy way to solve this with CSS? or even an example of how to do it with one image so I'll duplicate it for the others. Thank you in advance for your help! The site url is https://lily-smilodon-gzzc.squarespace.com/And it's currently getting linked to http://www.moveintowellbeing.co.nz/ (private until finished pw: temporary) -
Hi all I have searched high and low through the forums and Googled my heart out, but I cannot find a straight forward answer to what seems to be a simple query. I am using the Brine template and forcing the mobile menu to display on desktop — this was relatively straight forward by adjusting the mobile breakpoint — but standard behaviour shows pages nested within folders hidden until you click through to the folder on mobile menus. To improve the UX, I'm looking to expand the nested pages within the mobile menu WITHOUT clicking through to the next level of the mobile menu to see all nested pages. In the Wells template for example, on desktop, all nested pages are expanded automatically and this is the type of behaviour I'd like to see in the mobile menu on Brine. Can someone please help me out with some code here? I've exhausted most solutions I'm aware of. I also think this information would be valuable to the forum and other users searching for this query 🙂 Thanks Sarah
-
I'm working on a site using SS 7.1 and I'm having issues with video playing properly on iPhone X. Has anyone else had problems with this and is there a solution? All other devices seem ok now (there were issues recently that seem to have been resolved). Video is hosted on Vimeo. Site is https://pendower-beach.squarespace.com I can send login password if anyone can help me out with this. -
Anchor links do not work correctly on mobile
orangechandesign posted a question in Coding and Customization
Index pages with anchor links to the various sections of the index are a very common website setup nowadays. Unfortunately the anchor links do not work correctly on mobile. In my case, when clicking an anchor link doesn’t close the menu and scroll to the correct section. My idea of solution is to add a click event. When clicking the anchor link, the mobile navigation will close. But this function still not work at my website. Can anyone tell me is that anything I did wrong? My website: I-kinball.org (pw: treats) reference website: riverstonedigital.com (mobile version) This is the function I added: <script> //Anchor link fix function anchorLinks(){ Y.all("a.Mobile-overlay-nav-item").on('click',function(){ Y.one('body').removeClass('is-mobile-overlay-active'); }); Y.all("a.Mobile-overlay-folder-item").on('click',function(){ Y.one('body').removeClass('is-mobile-overlay-active'); }); } // DOM Ready Y.on('domready', function(){ anchorLinks() }); //RSD Mutation Boserver wrapper function RSD_init(){ anchorLinks(); } // add watch function to window.onload window.onload = RSD_watch; // watch function to look for page changes using Mutation Observer function RSD_watch() { MutationObserver = window.MutationObserver || window.WebKitMutationObserver; var mo = new MutationObserver(function(mo) { var moCount = 0; for (var b = 0; b < mo.length; b++) { var c = mo[b]; if ("attributes" === c.type && moCount === 0) { RSD_init(); } } }); var options = { attributes : true, attributeFilter : ['id']}; mo.observe(document.body, options); } </script> -
Image Block Title Mobile Sizing on Mojave (Brine)
camfont posted a question in Coding and Customization
Hello-- I'm going a bit crazy trying to change the size of an image block title (and subtitles) for mobile on a Mojave page. This is what I've tried that isn't working: @media screen and (max-width:640px) { .sqs-block.image-block .image-title-wrapper { font-size: 20pt !important; } } and also @media screen and (max-width:640px) { .image-title { font-size: 20pt !important; } .image-subtitle-wrapper { font-size: 3vw !important; } } Neither of those are working. Thanks! -
Hi, new to Squarespace! I just published my blog today and in phone and tablet view the longer titles are all mushed together. Is there some way I can fix that on my end? Thank you!!
-
Hey I'm having an issue where I can no longer select to have the logo/branding centred for mobile view? Is this a 7.1 thing or do you now need code to do this? The template is Tremont. I am almost sure it was always in the design tab?
-
I'm wondering how to make the text in the poster blocks show up as a larger font on mobile. I want to use images with text throughout the blog posts on this site, so if there's just an easier/better way to do this than using a Poster, I'm all ears. I just want people to be able to read the text when on mobile well, as currently on desktop it's fine, but on mobile incredibly tiny.
-
Hello, I am having trouble with my logo size on mobile, it is tiny! Any help is greatly appreciated. Website is still a work in progress, link here https://www.franklyinteriordesign.com.au/ Thanks
-
Hello, How can I make the images in my "Leadership" page to appear smaller in mobile devices but to remain the same in computer view? Website: cesarlanga.com Thank you
-
Banner height on mobile - Marta template
margotharrington posted a question in Coding and Customization
Hello there! I'm hoping someone can help me override the minimum height for banner images on mobile. I like how the images work on the desktop view but it looks really bad on mobile. Is there a way to turn this off? I poked around on the forum and no other posts on changing the banner height worked for me. Ideally I can display this banner image in the wider aspect ratio somehow on mobile. Using the Marta template. Not sure if the link will work since the site the template changes are still unpublished, but I'll upload some screenshots. Hopefully this helps! Fingers crossed!! https://falcon-koi-y6x2.squarespace.com/config/ Cheers, Margot -
So I'm using the Foster template for www.supermoonbeautyco.com, and the shopping cart is in the upper right corner on desktop view. It is also in the upper right on horizontal mobile view. However, when a mobile device is vertical (how most of my customers are shopping) the cart disappears completely in favor of the default condensed navigation menu. There is no where to access the shopping cart anywhere in mobile view, when vertical. Can anyone walk me through how to override this? I've searched every setting possible in my pages, styles, etc. And there's just nothing. This is wild to me that this is how the template itself is set up.
