- This topic is empty.
October 3, 2018 at 8:52 pm #277265
I really need to get this website done asap so please help me out.
So the problem is that when my animation occurs on the mobile version of the website the text as overlapping each other as show on the link below, but on the computer version its perfectly fine so can you guys help me out please.
-BoxyOctober 4, 2018 at 1:45 am #277267Paulie_DMember
We’d need to see a demo of live code in Codepen.io.
You’re unlikely to get many users clicking random links to images.October 4, 2018 at 4:01 pm #277276
Here is the link but if you add paragraph to it it colides with this text help me please! https://codepen.io/anon/pen/KGMNydOctober 4, 2018 at 10:02 pm #277298BeverleyhParticipant
The animated text has been pulled out of the flow of the document because it’s positioned absolutely, while the standard paragraph sits in the normal flow and can’t “see” the animation, hence the overlap.
You could push the paragraph of standard text away from the animation with a top margin.
You could also change how much of a margin is there inside media queries for different screen sizes.October 4, 2018 at 10:15 pm #277300October 4, 2018 at 11:13 pm #277301
It loops through the text elements and gets their maximum height, then sets that same height to the parent container so the following element will “notice” it.October 5, 2018 at 8:46 pm #277333
@shikkediel i also need help with adding more slides if i add the slide and when i try to adject the css it messes up can you help me please? Thank you!October 5, 2018 at 10:54 pm #277334
If you post another pen that shows the issue, I’m sure we can figure it out.October 6, 2018 at 1:17 am #277336BeverleyhParticipant
These might help to get you started:
- The CSS-only timings aspect (calculations/logic in the source http://fofwebdesign.co.uk/template/_testing/quotes-css.htm
Slide-in text automated with JS http://fofwebdesign.co.uk/template/_testing/sweep-in-news-scroller-android.php
Modify as desired.October 6, 2018 at 1:49 am #277337
https://codepen.io/aryan-sharma/pen/rqMmoj It still wont work I am i doing something wrong? I don’t really know java script. btw the issue eccours when you take it to mobile size.October 6, 2018 at 1:50 am #277338
Thanks for that!October 6, 2018 at 2:02 am #277339
@Shikkediel i can’t show it to you because it isn’t working same as it is working on pen on sublime it is different all the text are in line like:
like that as shown above can send you the drop box imageOctober 6, 2018 at 5:11 am #277342
If I can’t see the page live, I’m afraid I won’t be able to offer much help…October 7, 2018 at 2:02 pm #277358iosmanParticipant
Wow actually i loved your blog man..Thanks for sharing awesome content.October 10, 2018 at 4:15 pm #277495
@Shikkiediel Don’t Worry about it I have resolved the issue Thank you for Helping me!
- The forum ‘CSS’ is closed to new topics and replies.