responsive text in block

Home Forums Legacy Support Support queries Styling issues responsive text in block

Viewing 15 posts - 16 through 30 (of 59 total)
  • Author
    Posts
  • #372973
    Veronica
    Moderator
    ok got it working on your site
    #372974
    Veronica
    Moderator
    This reply has been marked as private.
    #373015
    MeesterGijs
    Spectator
    It does work! Great. Can I still move it up a little more? Lik you see here.
    #373061
    Veronica
    Moderator
    try to use this .unit_wrap div#unit_content .unit_prevnext { margin-top:0px; } @media(min-width:1440px){ .unit_wrap div#unit_content .unit_prevnext .col-md-3 a#next_unit { float: right !important; margin-right: -490px !important; } } refer: https://prnt.sc/1wp6syw
    #373072
    MeesterGijs
    Spectator
    The code does move it up. But it deletes the word VOLGENDE (meaning: NEXT) from the first element of the course. So I had to delete the code. I wish it was a bit easier. Also. Have a look at how this all looks on a mobile device: https://imgur.com/a/1mi6320 How can I fix this?
    #373250
    Veronica
    Moderator
    This reply has been marked as private.
    #373255
    MeesterGijs
    Spectator
    Yes. These: /* IN CURSUS symbool voor "vorige" */ .unit_prevnext div:first-child>a.unit.unit_button[data-unit]:before{content: "\e172";font-family: 'fonticon';float: left;margin-right: 5px;margin-top: 1px;} #prev_unit:after, #prev_quiz:after{display: none;} /* IN QUIZ verwijder extra symbool next */ #unit_content #next_quiz:before{display:none;} /* IN QUIZ verwijder start quiz tekst in midden van gele balk */ a.unit_button.start_quiz{display: none;} /* IN QUIZ geen verdubbeling van OPNIEUW knop */ .quiz_retake_form {display:none;}.quiz_retake_form:nth-of-type(1){display:inline-block !important;}
    #373345
    Veronica
    Moderator
    hi you have mentioned in your above reply that it hides the word next but it is visible here: https://imgur.com/a/1mi6320 and the one which is not visible is due to above code you have already applied
    #373408
    MeesterGijs
    Spectator
    It shows the word next on mobile device. That's perhaps different. Adding your code deleted the word NEXT. It was there before using the code. So it has nothing to do with the code already there. How can I move the yellow bar up, without losing that word? And how can I get my website/in quiz layout to look decent/nice on a mobile screen?
    #373511
    Veronica
    Moderator
    This reply has been marked as private.
    #373548
    MeesterGijs
    Spectator
    Looks great! But can we make the yellow bar look like this: https://imgur.com/a/qLmGRsQ
    #373645
    Veronica
    Moderator
    This reply has been marked as private.
    #373698
    MeesterGijs
    Spectator
    can we make it 1px?
    #373722
    Veronica
    Moderator
    This reply has been marked as private.
    #373723
    MeesterGijs
    Spectator
    I found out that I lost my yellow navigation bar at the top. The one we added.. Any idea how come?
Viewing 15 posts - 16 through 30 (of 59 total)
  • The topic ‘responsive text in block’ is closed to new replies.