-
AuthorPosts
-
December 17, 2023 at 7:43 am #1428315
Hello, here
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, jelleDecember 17, 2023 at 11:17 am #1428321Hey 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,
RikardDecember 18, 2023 at 11:49 am #1428390hello 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 #1428402December 18, 2023 at 4:25 pm #1428427hello 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 1 year ago by jeel147.
December 18, 2023 at 7:27 pm #1428444Hi,
Thanks for that. I’m not sure what your intentions are though, please try to specify that for each screen size.
Best regards,
RikardDecember 20, 2023 at 7:30 am #1428563hello 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, jelleps: 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 1 year ago by jeel147.
December 20, 2023 at 10:54 am #1428583Hi,
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,
RikardDecember 20, 2023 at 2:36 pm #1428604hello 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 centeredbest regards, jelle
December 21, 2023 at 10:48 am #1428651Hi,
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,
IsmaelDecember 21, 2023 at 12:38 pm #1428656hello ismael
thanks for your help.
the script that controls the circles is in the quick csscant 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 #1428721Hi,
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,
IsmaelDecember 22, 2023 at 11:18 am #1428738thank a lot Ismael. looks good!
as far as im concerned you can close this ticket now.
best regards, Jelle -
AuthorPosts
- The topic ‘text block too wide for mobile’ is closed to new replies.