anjaemzen
-
Posts
19 -
Joined
-
Last visited
anjaemzen's Achievements
-
tuanphan reacted to a post in a topic:
Put text blocks side by side on mobile
-
anjaemzen reacted to a post in a topic:
Put text blocks side by side on mobile
-
Now it works on both mobile and desktop, yay! Thank you so much for your patience and help in solving this @tuanphan ❤️ Much appreciated!
- 63 replies
-
- 1
-
-
- squarespace-7.1
- css
- (and 1 more)
-
Thank you for the new code @tuanphan Now it looks great in desktop view but has no margins anymore in mobile view 😛 See https://www.anjaemzen.com/printfabriken. Thank you again for all of your help ❤️
-
anjaemzen reacted to a post in a topic:
Put text blocks side by side on mobile
-
Thank you for the code @tuanphan It works! Just that the Previous and Next text doesn't align with the outer margins in desktop view (on mobile it looks perfect!). See https://www.anjaemzen.com/printfabriken where I added the Code block, and the IKEA Lighting as reference https://www.anjaemzen.com/ikea-lighting for how it should look in desktop view. Almost there! 🙂
-
Hi @tuanphan! Just writing again to remind you, but no stress 🙂
-
Thank you so much @tuanphan I really appreciate it!
-
anjaemzen reacted to a post in a topic:
Put text blocks side by side on mobile
-
Thanks a lot for your reply @tuanphan ❤️ I think Code Block sounds like a great idea. How does that work?
-
anjaemzen reacted to a post in a topic:
Put text blocks side by side on mobile
-
@tuanphan Or is it better to disable "Show Global Site Footer" (see screen shot) and add the "Previous" and "Next" links to each project page in the footer? I would like them to be placed like on the IKEA Lighting page that you helped me with, although the two text paragraphs that are currently in the footer can't be shown side by side on mobile view since that would't look good. For those text paragraphs I think it works well as they are shown now, both on desktop and mobile view. Just thinking of options 🙂
-
Thank you @tuanphan! Now it looks great on that specific page (https://www.anjaemzen.com/ikea-lighting), I would just like it to look like that on all project pages i.e. all pages that I link to from https://www.anjaemzen.com/. How do I do that? Thank you so much for your help! ❤️
-
Hi @tuanphan I would also love to have the "Previous" and "Next" text blocks at the end of each page to be shown side by side on mobile view, as they do on Desktop view. Example: https://www.anjaemzen.com/ikea-lighting I looked through the whole conversation above but don't think I could find the exact code for that. Is it possible to fix and can you help me? It would be deeply appreciated 🙂 Thank you and all the best! Anja
-
Make images full bleed when shown on a mobile
anjaemzen replied to anjaemzen's topic in Customize with code
Thank you @tuanphan! 🙂 -
Make images full bleed when shown on a mobile
anjaemzen replied to anjaemzen's topic in Customize with code
The margins for the text is correct as it is, but I'd love for all the images to be full bleed in mobile version. When I tried your code the margins for the text also disappeared @tuanphan http://anjaemzen.com/framkalla -
Make images full bleed when shown on a mobile
anjaemzen replied to anjaemzen's topic in Customize with code
Like this (regarding margins for the text) @tuanphan 🙂
-
Make images full bleed when shown on a mobile
anjaemzen replied to anjaemzen's topic in Customize with code
Thank you again @tuanphan! Now the images work perfectly, it's just the margin for the text that is still missing (see attached examples). I would like to keep the margin as it is originally in mobile view. Do you think that's possible? Thank you so much for your help!!
-
anjaemzen reacted to a post in a topic:
Make images full bleed when shown on a mobile
-
Make images full bleed when shown on a mobile
anjaemzen replied to anjaemzen's topic in Customize with code
Thank you so much for your answer @tuanphan! ☺️ It worked for the images, even though they wouldn't stay in place if I moved my finger sideways on the screen. But what also happened was that all the left aligned text on the website also turned full-bleed. For the text I would love to keep the margin. Do you know is this is possible, plus making the images stay in place? Like on this site if you look at it on a mobile: https://lottanieminen.com/index/eadem Thanks a lot again! -
Site URL: http://anjaemzen.com/ Hi! I was wondering if it's possible to add custom CSS to my Squarespace site, so that all the images are full-bleed when shown on mobile devices? And if yes, what CSS code do I need to add? Thanks a lot, I really appreciate it! All the best, Anja
.png.44913ac8d698db3bc281f02d79ba5af9.png)
