scholarsayze

Thank you so much Bangank36. Thanks for the ID Finder!! I copied the code and added the first section ID to test but I'm not sure I have done this correctly, please can you double check: body:not(.sqs-edit-mode) 5f8fea6196d2c93c2a238f81 { display: none !important; visibility: hidden !important; opacity: 0 !important; } body.sqs-edit-mode 5f8fea6196d2c93c2a238f81 {opacity: 0.5 !important;} Thank you

Site URL: https://bluebird-porcupine-yzdg.squarespace.com/ Hello, Is it possible to completely hide a section from both Desktop, mobile and tablet - basically so it is hidden from all devices? When I design certain sections on my homepage, I often feel like I could keep this design for later, without deleting it and starting the work all over again. I don't think Squarespace has a feature you can just toggle sections on/off? My site url = https://bluebird-porcupine-yzdg.squarespace.com/ My Pword = bluebird Best, Faiz

Thank you SO much Tuanphan it looks awesome! LOVE the fix! Best, Faiz

Site URL: https://bluebird-porcupine-yzdg.squarespace.com/ Hello, Is possible to reduce the height of the black section (as attached), even further than the Squarespace settings, with the lowest being set at 10? I want the black bar height to be further reduced as attached, and with the text content more central with equal top and bottom padding. My working page is here: https://bluebird-porcupine-yzdg.squarespace.com/ PWord = squarespace Many thanks, Best, Faiz

Hello thanks Tuanphan, it's actually on the whole site. You can go to www.scholarsayze.com pword = bluebird and maybe check please? Ignore the site design! I'm no where complete just testing some layouts and designs!!!

Site URL: https://bluebird-porcupine-yzdg.squarespace.com/ Hello, Is there a way to disable any zoom on mobile device? For example, when I look at my site sometimes I accidentally zoom in and it looks odd as attached! Site - https://bluebird-porcupine-yzdg.squarespace.com/ Pword - bluebird Best, Faizal

That's awesome thank you Tuanphan! Best, Faizal

That's brilliant thanks so much! Awesome fix!!! Many thanks!

Site URL: https://bluebird-porcupine-yzdg.squarespace.com/ I am currently using some code to hide an entire section from mobile view. Site: https://bluebird-porcupine-yzdg.squarespace.com/ Pword: bluebird The code I am using is: @media screen and (max-width:767px) { [data-section-id="5ef4c07482b8e941cd5ebc10"] { display: none; } } How can I adjust this code so that the section is also hidden from tablet view? Currently when I look at the page using my Surface Pro in tablet view, it still appears. Please help! Many thanks, Best, Faizal

Thanks, I tried the code but I still get the same issue on mobile?? Is there another solution? I think it's the larger section of code: section[data-section-id="5ee902680f1cf9687c177bee"] { width: 100vw; } section[data-section-id="5ee902680f1cf9687c177bee"] .content-wrapper { margin: 0; width: 100%; max-width: 100%; padding: 0 !important; } section[data-section-id="5ee902680f1cf9687c177bee"] .content-wrapper .content { width: 100% !important; } section[data-section-id="5ee902680f1cf9687c177bee"] .content-wrapper .sqs-block-image { padding: 0; } section[data-section-id="5ee902680f1cf9687c177bee"] .content-wrapper .sqs-block-image img { width: auto !important; height: 100% !important; } If I remove this completely it's totally fine, but I still have the left + right gaps on either side of the images. Is there another way to remove the left + right gaps? Many thanks, Best, Faizal

Thanks very much tuanphan that fixed that!!! Please can you double check my code, I have added the above code..... section[data-section-id="5ee902680f1cf9687c177bee"] { width: 100vw; } section[data-section-id="5ee902680f1cf9687c177bee"] .content-wrapper { margin: 0; width: 100%; max-width: 100%; padding: 0 !important; } section[data-section-id="5ee902680f1cf9687c177bee"] .content-wrapper .content { width: 100% !important; } section[data-section-id="5ee902680f1cf9687c177bee"] .content-wrapper .sqs-block-image { padding: 0; } section[data-section-id="5ee902680f1cf9687c177bee"] .content-wrapper .sqs-block-image img { width: auto !important; height: 100% !important; } ....plus your code... body#collection-5ee237be059f9951fe95bf2c .image-block { padding: 0 !important; } ....but I notice on my mobile, the images with no left/right padding adds a strange left + right movement on my mobile as shown here: Can this be stopped please as it looks like the page does not stay in the middle creating more space either side. Please advise. Many thanks! Best, Faizal

Wow! Thanks so much, that's so cool! Please can you double check my code, I have added your code but I still get a gap between the middle long image top and bottom?? Maybe I have done something wrong? Many thanks!

Is there a away to allow this code to only affect the desktop view, and NOT on mobile? Many thanks. Best, Faizal

Thanks, yes I did add the full code as attached. Sorry, I have changed the images now, I didn't realise they had to be that size. I still seem to have a gap with the middle image top and bottom. Does this image need to be a specific size dimension also? Many thanks!

Hey bangank36, many thanks so I added this code and it works perfectly!! I tried to add the additional images for this section to complete the total of 7 images (as my original attachment), but I still seem to have some gaps? Please kindly check: https://bluebird-porcupine-yzdg.squarespace.com/home-v11 pword = bluebird Many thanks, Best, Faizal

Awesome! Thank you so much bangank36. How can I remove the left and right padding so the images go to the edge of the screen? Best, Faizal

Site URL: https://bluebird-porcupine-yzdg.squarespace.com/home-v11 Hello, I'm trying to arrange a layout in Squarespace as attached with 7 total images. I'd like all the images to be close together (no padding) and right to the edge of the screen full width. I've tried to start the layout here in section 2 of my site: https://bluebird-porcupine-yzdg.squarespace.com/home-v11 pword = bluebird I've noticed that my images have some default padding so there are gaps between them. I also can't figure how to get the images right up to the edges of the screen as per my attached example. Is this layout possible? Please help. Best, Faizal

Thanks so much works perfectly!!!

Thanks Tuanphan I it's v7.1

Sorry, just to add on here, as well as removing an element in mobile view, is it possible to remove an entire section so it doesn't appear on mobile view?

OK great, I will change the code to hide on mobile device as here: @media only screen and (max-width:767px) {div#block-BLOCK ID HERE>.sqs-block-content:first-child { display: none;}} Thank you so much for your time, I do appreciate your help.

OK yes that's great! I'm trying to learn the code rather than just copying + pasting so thank you! Should I change this code then to: @media only screen and (min-width:768px) { div#block-BLOCK ID HERE>.sqs-block-content:first-child { display: none; } } what about the code to hide on mobile device, should this stay the same as here? @media only screen and (max-width:768px) {div#block-BLOCK ID HERE>.sqs-block-content:first-child { display: none;}}

That's awesome thanks so much! Works perfectly. So is the code is basically saying that, any device with a greater width than 769px the block element will not show? I hope I have understood the code correctly?!

Site URL: https://bluebird-porcupine-yzdg.squarespace.com/ Hello, I understand that you can have a web element appear only on desktop and to be hidden on mobile using this code: @media only screen and (max-width:768px) { div#block-BLOCK ID HERE>.sqs-block-content:first-child { display: none; } } But I want to know if it is possible to show a web element (e.g. an image or text etc) just on mobile and not visible on desktop view? Please advise, Many thanks! Best, Faiz