Hi Relume community! More of a webflow question here but hoping someone can help: Im trying to edit just the spacing on a combo class, is there a way to isolate a combo class so I am only editing those settings?
Example attached. I want to edit the margin-xsmall combo class, but I think if I make spacing edits when it is under “margin-bottom” it wont apply to “margin-top” etc. Appreciate any help in advance.
if you navigate to the style guide page and scroll down you'll find all of the size classes and you can modify them there.
Oh right! Thanks !
Is there also a way to do it from the classes panel? I thought I remember being able to right click and access just a specific class/sub class and then edit from there?
sure yeah, but for this specific combo class, it doesn't really work out that way but yeah my screenshot below shows you how you could navigate top level combo classes. In this case, the size is the bottom level of the combo class so your best bet is to modify it from the style guide page.
While I have you, Im working on one more thing Im hoping you can answer. Im using an anchor link in my nav. The first time you click it, it anchors to the section just above, The second time you click it, it scrolls perfectly to the correct section. Is there a reason why the first click would do this? Appreciate all your help/expertise and time in advance!
yeah for as long as I can remember Webflow has had this bug. You will have to create an empty div, give it the section ID's you want, and link your nav to these new empty divs instead of the actual sections. Then with the empty divs, position absolute and position them most likely -4.5rems (or the height of your navbar) to essentially manually offset them. If you are not following, I can do a quick video later - mostly by tomorrow. Hope that helps!
Great idea thanks for that. I tried it, and Im getting the same thing. First click it is still jumping to the sections above. And on second click it works. Here is the published link: https://pandion-ad7a96aaef6e613413de23a83e51eac.webflow.io/
and here is the read-only: https://preview.webflow.com/preview/pandion-ad7a96aaef6e613413de23a83e51eac?utm_medium[…]c&preview=74e8a07df37c812b529e95f23eff5b7c&workflow=preview
thanks for those links, helpful. Here's a super quick video with some tweaks - you had it 90% there. https://www.loom.com/share/39efdeb048ac43b2b57b960807bdf17c?sid=4a36fc5c-d73a-4acc-b78d-87b47b489ab6
Of course. Thank you so much for the time and help. Really appreciated.
I tried that method, and It works in the webflow preview. But in the published site, it is still doing the same. Still <i>just</i> on the first click which seems so odd. Even after reloading the site it works. Literally just the first time the page loads it anchors to just above the testimonial. See below. Any thoughts?
https://pandion-ad7a96aaef6e613413de23a83e51eac.webflow.io/
Damn still no go. Ill try brining it up to Webflow to see if they can help. Thanks for all the help anywyas
I found a webflow forum that solved it. Had to set all images above the section to eager load instead of lazy. Did the trick! Thanks again for all the help
