moonlitdesign

@tuanphan

hey I’m getting similar problem where images are moving around on scroll when you open website from Instagram app and it’s ruining the experience. Any ideas ?

17 hours ago, paul2009 said:

The site was built on Webflow which is a no-code web design platform where breakpoints, flexbox layouts and cascading style changes can be built and manipulated visually. On Squarespace, you need to adjust this using code or a third party tool.

That said, there are issues with the site you referenced, for example where the testimonials are too small on mobile.

ahhhh I seee! Yes it's learning the code that's the issue hahahah. I'm trying! Thanks for the enlightenment!

Site URL: http://www.moonlitdesign.uk

Hey there, i've just discovered this website built with Showit i believe, and i wondered how it is so responsive? I'm fairly new to coding and when I designed my site images and text would move all over the place when you resize the browser. 

This website however works completely seamlessly at any browser width and i basically just want to learn the secrets?! what code snippets and rules are allowing her to achieve this magic?

https://www.bymartharose.com/

17 hours ago, creedon said:

@moonlitdesign

You may find the scrolling block announcement thread of interest. Lot of issues being discussed there.

Hey, it says I don't have permission to view that? 

On 4/10/2022 at 9:19 AM, tuanphan said:

It looks like you figured it out?

you answered my question on this on another users post. I can't thank you enough! 

for other members, see code here: 

Add a text link in description & add this to Design > Custom CSS

/* List section - Make clickable - Keep button */
body li.list-item {
    position: relative;
}
body .list-item-content__description {
    position: static;
}
body .list-item-content__description a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    color: transparent !important;
    background-color: transparent !important;
}

Site URL: http://www.moonlitdesign.uk

Hey!

Absolutely loving the new scrolling text banner marquee feature on squarespace, I am looking to customise it!

Can we make it full width? 

Can we customise the font? 

I've tried a few things, but haven't managed to quite get the effect i was after

Thanks!

4 hours ago, tuanphan said:

Add a text link in description & add this to Design > Custom CSS

/* List section - Make clickable - Keep button */
body li.list-item {
    position: relative;
}
body .list-item-content__description {
    position: static;
}
body .list-item-content__description a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    color: transparent !important;
    background-color: transparent !important;
}

 

ABSOLUTE GENIUS thank you this worked a treat!

did you have any luck on this ? @igarashiphoto

Site URL: http://www.moonlitdesign.uk

Is there some css code work around to make the images link to another page when using a simple user item list? I have seen threads for a carousel but not list. I would like the list image items on my homepage to take you to a portfolio page

Thanks!!! 

Site URL: http://www.moonlitdesign.uk/enquire

When I click on the portfolio (recent work) page and enquire page, when testing my site on ipad pro 11, the view of the page breaks so that it is not displaying the css i've set out for it, and the correct mobile navigation, but it is showing desktop navigation instead and a messed up layout. 

I really don't know why?! any help much appreciated. Thank you!!!!

www.moonlitdesign.uk/enquire

Could I please have code for this same affect for a simple list squarespace 7.1 ? 

@tuanphan
 

4 hours ago, tuanphan said:

I just test html, body {overflow-x:hidden;} and it works here. Have you tried it again yet?

The code works in hiding the over flow yes, but it then breaks the scrolling on mobile. it makes every page get stuck and unable to scroll up or down

4 hours ago, tuanphan said:

Do you still need help? Recently I solved similar case for a member.

We use JavaScript to add a class to HTML tag, when overlay menu is open, then we can use html {overflow:hidden;} to disable scroll

This will require a Business Plan or higher

Yes please that sounds great!!!

24/03/2022 and still no progress? 

@tuanphan do you reckon there is a fix? I've tried to ask every dev i know but they havent been able to help :S

21 hours ago, fuzzykiwimedia said:

Im also having the same issue with my site!

http://grandeurproperty.co.uk/stay/home

Now,I know this code is effecting it...

@media screen and (max-width:767px) {
html, body {
    overflow-x: hidden;
}
}

However, I have needed to add this to the site in order for my mobile nav to fit on mobiles correctly. It just stopped working properly yesterday, so the above code was a fix. 

If I could stop scroll on mobile menu this would be the final hurdle!

I literally experienced exactly the same thing too but never found a work around to either problems.  Draining me i've asked everyone and tried eveyrthing! sorry!

Site URL: http://www.moonlitdesign.uk

so i'm having this on going issue where i can't use html, body {overflow-x: hidden;} on the whole site as it is breaking the scroll on mobile. I know this isn't good practice either.

so i thought i could try and localise the code to just the images instead but its not taking affect at all. can anyone see the problem here?

 .sqs-block-image .image-block-outer-wrapper .image-block-wrapper {
    position: relative;
    overflow-x: hidden;
}

I'm in 7.1! 

i need to hide the overflow on mobile as it is ruining the experience! 

Hey all! 

I'm Danielle, Brand Designer & Photographer! I build beautiful, authentic brands and websites for creatives that feel like home.

I took the self employed plunge late last year and whilst it's been a struggle at times, I am loving this new lease of life and purpose it's given me. 

If you'd like to connect or check out my work, my website is: www.moonlitdesign.uk or you can follow me on instagram: @moonlit.design

Love & Light xxx

On 3/16/2022 at 6:18 AM, tuanphan said:

Try this

@media screen and (min-width:992px) {
	html, body {overflow-x:hidden;}
}

 

i only need it for mobile though, it doesn't have excess overflow on desktop - only on mobile!

i tried .site {overflow-x:hidden;} but that didn't do anything, is there another code snippet i can try to target the whole site? 

On 3/16/2022 at 2:44 AM, pearler1570048501 said:

@moonlitdesign unfortunately not!

i tried .site {overflow-x: hidden;} too but that didn't do anything

On 2/9/2021 at 1:36 PM, tuanphan said:

html, body {
    overflow-x: hidden;
}

 

Hi, i'm having exactly the same problem @pearler1570048501 did you find a work around? 
this seems truly bizzare and there doesn't seem to be anything answered here. 
 

Really needing some answers 😞

www.moonlitdesign.uk

On 3/9/2022 at 3:07 PM, moonlitdesign said:

yes. When i add overflow:hidden code, it breaks my mobile scrolling. but i need it to hide the extra sides 😞 what can i use instead ? Thanks!

@tuanphan Do you have a work around for this issue? 7.1 site www.moonlitdesign.uk 

html, body {overflow-x:hidden} breaking mobile scrolling 

On 3/9/2022 at 1:47 AM, creedon said:

@moonlitdesign

Is this what you are seeing?

This is what I see when I disable your site-wide CSS locally.

So it is apparent there is an issue with your CSS.

Does this webpage have any merrit in a work around? Trying to fix this issue desperately 

https://localcoder.org/body-overflow-x-hidden-breaks-position-sticky

On 2/12/2022 at 2:04 PM, tuanphan said:

Hi. Do you still need help with these?

Yes please. Why does everything move when I resize the page. I’ve tried to do responsive for mobile tablet desktop and laptop size

Site URL: http://www.moonlitdesign.uk

Hi there,

Please can someone help. I need another work around being able to hide the excess space and the ability to move my whole website. For some reason, overflow-x:hidden is messing up my mobile scroll so that is not an option. 

Any suggestions greatly appreciated, I am really desperate for this 😞

Thanks

www.moonlitdesign.uk 

and www.apexcoaching.uk pw hello123