Forums

Give help. Get help.

  • # October 3, 2018 at 8:52 pm

    Hey guys,

    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.

    Thanks
    -Boxy

    https://www.dropbox.com/s/c85a7kqn948phyt/Screenshot%202018-10-04%2013.45.53.png?dl=0

    # October 4, 2018 at 1:45 am

    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

    Here is the link but if you add paragraph to it it colides with this text help me please! https://codepen.io/anon/pen/KGMNyd

    # October 4, 2018 at 10:02 pm

    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

    @beverleyh Thank you for the help!

    # October 4, 2018 at 11:13 pm

    Here’s a solution that uses a bit of Javascript:

    codepen.io/anon/pen/dgXVJe

    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

    @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

    If you post another pen that shows the issue, I’m sure we can figure it out.

    # October 6, 2018 at 1:17 am

    These might help to get you started:

    Modify as desired.

    # October 6, 2018 at 1:49 am

    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

    Thanks for that!

    # October 6, 2018 at 2:02 am

    @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:

    ab
    cd
    ef
    sd
    sd
    sd

    like that as shown above can send you the drop box image

    # October 6, 2018 at 5:11 am

    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

    Wow actually i loved your blog man..Thanks for sharing awesome content.

    # October 10, 2018 at 4:15 pm

    @Shikkiediel Don’t Worry about it I have resolved the issue Thank you for Helping me!

Viewing 15 posts - 1 through 15 (of 15 total)

You must be logged in to reply to this topic.

icon-anchoricon-closeicon-emailicon-linkicon-logo-staricon-menuicon-nav-guideicon-searchicon-staricon-tag