Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • December 17, 2023 at 7:43 am #1428315
    jeel147

    Hello, here

    Home

    the circles fall out of the screen when on a mobile.
    is the best way to make two textblocks? the first like it is now an hide it on small screens
    the second just make a bulletlist and hide it on big screens?
    or is there a way to keep the bullets everywhere but display them on a mobile screen underneath each other?
    best regards, jelle

    December 17, 2023 at 11:17 am #1428321
    Rikard

    Hey jeel147,

    There is a div in your conten which has this inline styling:

    display: inline-block;

    If you remove that, then it should look better on smaller screens.

    Best regards,
    Rikard

    December 18, 2023 at 11:49 am #1428390
    jeel147

    hello Rikard
    unfortunately that did not work.
    i mean it was oke for a mobile but on my PC all content is going to the left of the text field…

    best regards, jelle

    December 18, 2023 at 1:31 pm #1428402
    Rikard

    Hi,

    It’s still there, please try to remove it: https://snipboard.io/ITzklS.jpg

    Best regards,
    Rikard

    December 18, 2023 at 4:25 pm #1428427
    jeel147

    hello rikard, there, yes, its still there as i have put it back because it worked for mobile but on the PC the content went to the left…

    • This reply was modified 11 months, 1 week ago by jeel147.
    December 18, 2023 at 7:27 pm #1428444
    Rikard

    Hi,

    Thanks for that. I’m not sure what your intentions are though, please try to specify that for each screen size.

    Best regards,
    Rikard

    December 20, 2023 at 7:30 am #1428563
    jeel147

    hello Rikard
    sorry , i shall try to explain more.
    if youll see the image below…the circles do not fit the screen.
    on a pc or tablet there is space enough, but i want the circles to be seen on a mobile as well
    best regards, jelle

    ps: if i remove this:
    display: inline-block;
    it works, now the circles can be seen on a mobile
    but the disadvantage is that on a pc all content goes to the left, it does not stay in the middle…

    • This reply was modified 11 months ago by jeel147.
    December 20, 2023 at 10:54 am #1428583
    Rikard

    Hi,

    Thanks for the update. I’ve removed the inline style, and it looks fine on my end. Please have a look on your end as well.

    Best regards,
    Rikard

    December 20, 2023 at 2:36 pm #1428604
    jeel147

    hello rikard
    thanks for your help again
    for mobile it looks good now but for the PC
    unfortunately i dont see any improvements on the PC concerning the aligning, its still on the left instead of centered

    https://jmcwebdesign.nl/wp-content/uploads/2023/12/Screenshot-2023-12-20-at-14-28-00-Mens-en-groei-–-Menselijke-ontwikkeling.png

    best regards, jelle

    • This reply was modified 11 months ago by jeel147.
    • This reply was modified 11 months ago by jeel147.
    December 21, 2023 at 10:48 am #1428651
    Ismael

    Hi,

    Thank you for the update.

    Where did you add the script that controls the circles? The following css code should center align the main image, but the layout would be a lot cleaner if we could adjust the html and the script that controls it.

    .av-js6cdz0m-79a1a59d1a58d6b766b96fd581f31251 #c {
    margin: 0 auto;
    background-position: center center;
}

    Best regards,
    Ismael

    December 21, 2023 at 12:38 pm #1428656
    jeel147

    hello ismael
    thanks for your help.
    the script that controls the circles is in the quick css

    cant seem to get the circles aligned centre, inlcuding the image underneath it.
    everytime ill align it center its not working…
    (on mobile it is oke now).

    dont know why the centre aligning is not working…

    December 22, 2023 at 6:08 am #1428721
    Ismael

    Hi,

    Thank you for the info.

    We adjusted the html of the circles and edited the code in the Quick CSS field to center align the items and the main image. Please make sure to purge the cache and do a hard refresh before checking the page.

    Best regards,
    Ismael

    December 22, 2023 at 11:18 am #1428738
    jeel147

    thank a lot Ismael. looks good!
    as far as im concerned you can close this ticket now.
    best regards, Jelle

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘text block too wide for mobile’ is closed to new replies.