Sticky header and block below it

[SueB]

Hi @Sueb. Finally see what your talking about here, on portrait and landscape.
Depending upon how much you want to change, and what soft groups you have on that rectangle. I’d take all soft groups off, and make sure that rectangle is place on a layer all its on. Then apply stretch.
Or .. delete that rectangle completely along with the layer, then try a new layer. Draw the rectangle, move layer to back, apply stretch and your other elements.
Or .. copy the large rectangle in your links section, resize, and place on another layer for the offending rectangle.

I have a feeling that rectangle is taking some properties from another rectangle in the variant, because you have the rectangle in other areas not stretched, and others that are. In your links section that large rectangle is stretched, and it works. I did have this problem sometime ago. After I isolated that rectangle I cleared it up.
Once you have the rectangle stretched, you can soft group with your other elements.
I’m viewing on iOS phone.
-Bill

Thanks Bill. I added the "stretch" to make it work right, but on the Android it does but not on the Iphone. Agree it has something to do with that rectangle layer....and I didn't make this but used what Gary had made. And I looked and there are no soft groups, that I could tell.

The two rectangles are on the same layer, top one no stretch and beneath that we added the stretch.

Interesting that you had the same problem and fixed it. Will give it a try. Waiting to hear from Gary as he made the two rectangles for me without anything on them and they look fine on the Iphone, so my guess is that you are right..something there that is causing the crazy Iphone to glitch...

[Initiostar]

Looked at your test on the Iphone and it was fine! So what do you think I should do?
Sue

OK - the top sticky rectangle can be set to 'Sticky' don't stretch - does that fix the problem.

BTW Bill, you jogged my memory here.

[SueB]

OK - the top sticky rectangle can be set to 'Sticky' don't stretch - does that fix the problem.

BTW Bill, you jogged my memory here.

@initiostar, already somehow set to sticky, and stretch..maybe take off the stretch?

[Initiostar]

Yes, remove 'stretch' from the top bar, but keep it 'sticky'

[SueB]

Okay, I think that is better but NOW when I click on "about" or "contact" "volunteering," the header with Beverlyee gets close to the rectangle with the subject title in it but not right up to it like before.

What now to do?

Sue

[Initiostar]

Okay, I think that is better but NOW when I click on "about" or "contact" "volunteering," the header with Beverlyee gets close to the rectangle with the subject title in it but not right up to it like before.

What now to do?

Sue

Sue, you can make any adjustments you want to the font size of your text 'Beverlyee' or to the height of the top sticky rectangle; if you do the latter just move ALL the content down the page (the menu anchors will move down the page with your content).



Just keep the text Beverlyee contained in the sticky top rectangle.

Gary

[SueB]

Sue, you can make any adjustments you want to the font size of your text 'Beverlyee' or to the height of the top sticky rectangle; if you do the latter just move ALL the content down the page (the menu anchors will move down the page with your content).



Just keep the text Beverlyee contained in the sticky top rectangle.

Gary

@initostar, I don’t think I explained what I was saying correctly. I’m going to try to attach a screenshot.

[Acorn]

Sue, surely all you need is to deepen the backdrop to ensure the y is covered?

Acorn

[SueB]

Sue, surely all you need is to deepen the backdrop to ensure the y is covered?

Acorn

Tried that, nope, helped a little maybe but still didn't meet up to the subject section like it had previously.

[Initiostar]

This is the image on my Android from your live site: The sticky text Beverlyee AFAICT is still hanging below its sticky rectangle container - this is not an issue for Android other than it looks odd.



The problem is again AFAICT with iOS and likely the anchor link scrolls up until its hits the sticky object, which is in fact the bottom of the "y". You also have an photo in your screenshot that looks to impinge on the anchor bar, maybe not an issue but give the anchor a bit more space top and bottom.

I tried to explain this, but here is your screenshot with the issue:



Appreciate we solved one issue and hit another, but we have to eliminate the hanging 'y' - we are then doing exactly what you saw here https://initiostar.co.uk/demo/testWidth/ where you said it worked OK?

Gary