Bill, as well as Garys suggestion as your sticky content is almost at the top anyway, why not make them Sticky instead of Stick to Top? I find this stops the juddering text which SaT often creates.
Bill, as well as Garys suggestion as your sticky content is almost at the top anyway, why not make them Sticky instead of Stick to Top? I find this stops the juddering text which SaT often creates.
Egg
Minis Forum UM780XTX AMD Ryzen7 7840HS with AMD Radeon 780M Graphics + 32 GB Ram + MSI Optix Mag321 Curv monitor + 1Tb SSD + 232 GB SSD + 250 GB SSD portable drive + ISP = BT + Web Hosting = TSO Host
Bill, like most things in Xara, there are many solutions.
If you precede your text with a Space on a line above then SaT will stop at that Space.
So you then adjust the font size of the Space to that of the difference between the original text hitting the top of page and where you actually want it to stop.
As it is a one-liner (now two), you could adjust the Line spacing but easiest is probably using the Baseline shift on the Space.
Acorn
Acorn - installed Xara software: Cloud+/Pro+ and most others back through time (to CC's Artworks). Contact for technical remediation/consultancy for your web designs.
When we provide assistance, your responses are valuable as they benefit the community. TG Nuggets you might like. Report faults: Xara Cloud+/Pro+/Magix Legacy; Xara KB & Chat
Thank you Egg, Acorn, Initiostar. I understand the baseline shift for the text, but the buttons are also skewed. Therefore maybe sticky will work for them as Egg mentioned. I also understand (sort of) the transparent rectangle approach Initiostar. I’m just have a struggle getting my head around it.
I don’t think the baseline shift is going to work for the buttons.
Bill Wood
Charity Web Design
XARA Pro+. WD17, Designer 17. Premium packages.
No sure why your buttons would be skewed, but here is a baseline shift example from the demo: Menu_Scrolling_Stick_at_Top.xar.
As Egg said though, unless the scrolling menu is fundamental to the design, just have the menu sticky and placed at the top.
Bill, use SaT as normal for the button shape.
For the Menu Texts, I would add in the ClassNames of htmlclass="btnTxt xr_stt".
In Website Head, add CSS:
<style> .btnTxt > span { padding-top: 32px; } </style>
Change the size for padding-top as required.
The xr_stt ClassName adds in SaT effect directly; it gets lost through the Xara Stick dialog.
It might be where I put the CSS.
Acorn
Last edited by Acorn; 22 March 2024 at 10:43 PM. Reason: Updated to handle Text with Links - obviously needed really!
Acorn - installed Xara software: Cloud+/Pro+ and most others back through time (to CC's Artworks). Contact for technical remediation/consultancy for your web designs.
When we provide assistance, your responses are valuable as they benefit the community. TG Nuggets you might like. Report faults: Xara Cloud+/Pro+/Magix Legacy; Xara KB & Chat
Cheers Bill, often the KISS way is the easiest
Egg
Minis Forum UM780XTX AMD Ryzen7 7840HS with AMD Radeon 780M Graphics + 32 GB Ram + MSI Optix Mag321 Curv monitor + 1Tb SSD + 232 GB SSD + 250 GB SSD portable drive + ISP = BT + Web Hosting = TSO Host
Bookmarks