Inkdave

@Ziggy landscape view looks awful on my website. I've seen many sites that disable this view. When user turns phone it reveals message with instructions to" Please rotate your phone". Are you sure this definitely not possible if built using SquareSpace? As you can't properly control this layout it should be....Same goes with needing a design for tablet. Madness this doesn't exist.

Site URL: https://studioyoung.com/ Hi All I'm really struggling with styling the Newsletter Block and would appreciate any help! I would like to: — increase space between email field and 'sign up' button — NOT allow the block to stack unless it's viewed on mobile . So when browser is scaled is remains as shown until mobile break point: — stop message from appearing if button is clicked without email address. The reason being is knocks it out of alignment with 'Sign up' button (see images). — button should roll over white and text black when hovered over. Many thanks in advance for any help. PW: Studi0Y0ung!

Example of scaling browser awfulness:

Site URL: https://studioyoung.com/ Hi All, Apologies if this is a really dumb question. But I would like to turn off text wrapping and button scaling, so that when browser is scaled the text size remains as I have defined it and it remains locked until it hits mobile size! So if you look at the first intro paragraph on my website, I don't want this text to wrap onto different lines as the browser is scaled. It would be fine if it simply scaled as whole paragraph but importantly the line length must remain constant. I hope that make sense... And the same goes for elements such as buttons. I don't want these to wrap and scale. I want to define a button size and then prevent it from scaling as it looks awful when it does so. I would like just to define a desktop size and mobile size. That's it. Is this possible? Any help would be great appreciated. PW: Studi0Y0ung!

@paul2009Amazing code Paul. I'm trying to adapt for my needs without any luck, wonder if you can help? I need to change time zone to London,UK. Tried "en-GB" but that doesn't seem to work. Also if possible would like to format so it's split across two lines as below: We're open for business. 10am-6pm, GMT Sorry, closed for business. We open 10am, GMT. Many thanks in advance.

Hey @Lesum thanks that gives me some control for sure. However can you just set it so they don't scale at all? Or define set size for desktop and mobile? thanks

Hi All Is there a line of code that stops buttons from scaling below a minimum size, or indeed scaling over a maximum size? Thanks

Hi @paul2009 I notice this post is from a couple of years ago and I'm looking to do the same thing. Is this plugin still valid or it's there something more to date in 2024. thanks Dave

Thanks. What if you want to keep standard icon as it is and simply move the position of that to top of accordion?

@Ziggy is there a way to change position of Icon, so it aligns to top of container? Thanks Dave

@Ziggy Thanks for reply. I think that is the right approach however, Safari seems to have a break down when switching from sticky to static scroll. It works when scrolling to bottom of webpage, however when you scroll back it breaks and background of static scrolling sections disappear. Please see photos to illustrate the overlapping of elements. Is there a way to fix this issue? Many thanks

Hi @Ziggy if you use something like this, is there an extra piece code that will ensure overflow text from dropdown buttons is accommodated for? At present I have an issue where the content in each section ends up being un-readable as it is cropped by the sticky sections as the user scrolls. Hope that makes sense. Thanks

Hi All I'm trying to use sticky sections on a website but experiencing issues and would welcome some help! My sections will vary in height and include different types of information. Some sections will include drop downs and so only reveal information when clicked upon. (See attached image, ***I have just stuck a dummy site up to illustrate problem: https://hypersphere-lime-gcj5.squarespace.com/) I'm finding that at smaller browser sizes, say what you would view on 15inch laptop...the content of each section becomes cropped so the user is unable to actually read all the content of that section. So for example the expansion of a set of drop down questions might not be readable because when the user scrolls the next sticky section slides over that content. My question is: Is there a way to stop this from happening? Can code be added to ensure each section can also be viewed when scrolling? I hope this makes sense, I apologise in advance for ramblings. Many thanks P.S I think it might be something like the below but unsure, tried to use and seems to have no effect. div# 3 .span-5 { position: sticky; position: -webkit-sticky; top: 0; z-index: 9999; } section, article, #page, body { overflow: visible !important; }

Hey @tuanphan This sort of works thanks. You still see it for a fraction of second after you click the play button... but it's better then what is was! Also overall effect of this code is that pause button is now permanently removed. So the user needs to guess they need to click to pause video. Is there any other solution for this? Feels like it must be a really common problem. thanks

Legend thanks so much. You will see I have this animation wiggle on buttons, this unfortunately is applied universally. Is there CSS I can use to disable on "More: button? Thanks Again