justinli Posted December 27, 2020 Share Posted December 27, 2020 Site URL: https://www.justinli.ca Hi there, I'm not sure why the image text on my website justinli.ca does not align properly. It should be left aligned to the image (using the "card" design), but appears choppy on some screens. I've attached pictures below. Thank you, Justin Link to comment
tuanphan Posted January 3, 2021 Share Posted January 3, 2021 Hi. Looks fine here. Can you describe in detail? On Tablet, I see pink space Add this to Design > Custom CSS to solve body#collection-5fb600895347e16dc5b7750f { background: #0303ab; } Also, on this page, a bit narrow. https://www.justinli.ca/curriculum Add to Design > Custom CSS /* CV page width */ @media screen and (max-width:991px) and (min-width:768px) { body#collection-5fb6beca91efbb012a44b894 #page .content { width: 90%; } } Final, the navigation has 2 items only. On tablet, it shows burger icon. Do you want to force desktop menu on tablet? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
justinli Posted January 6, 2021 Author Share Posted January 6, 2021 On 1/3/2021 at 1:36 AM, tuanphan said: Final, the navigation has 2 items only. On tablet, it shows burger icon. Do you want to force desktop menu on tablet? Hi there, thank you so much for the help! Yes, desktop menu would be wonderful. As for the alignment: It appears that the text is not evenly aligned on my screen, at both tablet and desktop dimensions. As you can see in the picture below, the "Brown | RISD Dual" line appears to have a blank space in front of it. It is not aligned with the rest of the text. This is also true for "Love to All Project" line. How can I make it so that everything is aligned to the left? Link to comment
tuanphan Posted January 7, 2021 Share Posted January 7, 2021 On 1/6/2021 at 11:25 AM, justinli said: Hi there, thank you so much for the help! Yes, desktop menu would be wonderful. As for the alignment: It appears that the text is not evenly aligned on my screen, at both tablet and desktop dimensions. As you can see in the picture below, the "Brown | RISD Dual" line appears to have a blank space in front of it. It is not aligned with the rest of the text. This is also true for "Love to All Project" line. How can I make it so that everything is aligned to the left? Hi. Looks fine here. Do you still need help? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
justinli Posted January 12, 2021 Author Share Posted January 12, 2021 On 1/6/2021 at 10:57 PM, tuanphan said: Hi. Looks fine here. Do you still need help? Hi Tuan, thanks for getting back to me. Yes, could you please teach me how to force desktop menu on tablet? The burger icon is unnecessary. Here are pictures of my alignment concern: 1. Here, the text is left aligned. This is what it looks like when I am editing. 2. When I publish the text, it is no longer left aligned. This image shows how the text is not vertically parallel. Link to comment
creedon Posted January 12, 2021 Share Posted January 12, 2021 Looks good to me as well. How does the page look when you are in Full Preview? Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects. Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.