Welcome to TalkGraphics.com
Page 2 of 3 FirstFirst 123 LastLast
Results 11 to 20 of 30
  1. #11

    Default Re: Sticky header and block below it

    Quote Originally Posted by bwood View Post
    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...

  2. #12
    Join Date
    Apr 2018
    Location
    London
    Posts
    710

    Default Re: Sticky header and block below it

    Quote Originally Posted by SueB View Post
    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.

  3. #13

    Default Re: Sticky header and block below it

    Quote Originally Posted by Initiostar View Post
    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?

  4. #14
    Join Date
    Apr 2018
    Location
    London
    Posts
    710

    Default Re: Sticky header and block below it

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

  5. #15

    Default Re: Sticky header and block below it

    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

  6. #16
    Join Date
    Apr 2018
    Location
    London
    Posts
    710

    Default Re: Sticky header and block below it

    Quote Originally Posted by SueB View Post
    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).

    Click image for larger version. 

Name:	Sue.jpg 
Views:	13 
Size:	51.5 KB 
ID:	131355

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

    Gary

  7. #17

    Default Re: Sticky header and block below it

    Quote Originally Posted by Initiostar View Post
    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).

    Click image for larger version. 

Name:	Sue.jpg 
Views:	13 
Size:	51.5 KB 
ID:	131355

    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.Click image for larger version. 

Name:	215A511F-894E-41D4-969A-1303B775CBA0.jpg 
Views:	7 
Size:	105.3 KB 
ID:	131356

  8. #18
    Join Date
    Apr 2012
    Location
    SW England
    Posts
    14,570

    Default Re: Sticky header and block below it

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

    Acorn
    Acorn - installed and active Xara software: Cloud+/Pro+, XDPX, XWD Premium 15 & 12, XPGD10, X3D7, Xara Xtreme 5, back through time (to CC's Artworks).
    Raise software faults with MagiXara: http://support.magix.net/; if Cloud+/Pro+: https://xara.com/contact-us/

  9. #19

    Default Re: Sticky header and block below it

    Quote Originally Posted by Acorn View Post
    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.

  10. #20
    Join Date
    Apr 2018
    Location
    London
    Posts
    710

    Default Re: Sticky header and block below it

    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.

    Click image for larger version. 

Name:	Screenshot_20220112-142212.jpg 
Views:	11 
Size:	116.2 KB 
ID:	131357

    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:

    Click image for larger version. 

Name:	Sue.jpg 
Views:	11 
Size:	152.9 KB 
ID:	131358

    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

 

 

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •