Craig456 Posted September 16, 2022 Posted September 16, 2022 (edited) Site URL: https://www.craigkleila.com/ Password to site is "password" On the homepage on mobile, I want the "Testimonials" header and subtext and "Featured case study" header and subtext to be left-aligned. I also want to left align the "View the case study" button on mobile. I want them to stay centered on desktop. How can I do this? When I change the alignment from center to left in the mobile view, it also changes the desktop view. Edited September 16, 2022 by Craig456
Beyondspace Posted September 17, 2022 Posted September 17, 2022 17 hours ago, Craig456 said: Site URL: https://www.craigkleila.com/ Password to site is "password" On the homepage on mobile, I want the "Testimonials" header and subtext and "Featured case study" header and subtext to be left-aligned. I also want to left align the "View the case study" button on mobile. I want them to stay centered on desktop. How can I do this? When I change the alignment from center to left in the mobile view, it also changes the desktop view. Try the following code to make tt @media only screen and (max-width: 767px) { #block-yui_3_17_2_1_1660667937194_236600 h2, #block-yui_3_17_2_1_1660667937194_310862 p { text-align: left !important; } } BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Pinch/Zoom images, videos - PDFs Lightbox - ...) </> 🗓️ Delivery Date Picker (Date picker form field) Gallery block 7.1 workaround </> 🤖 Ask me anything
Beyondspace Posted September 17, 2022 Posted September 17, 2022 If you want the sub-text is align the same as the heading, kindly edit this section in mobile display, you can drag it it meet your need BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Pinch/Zoom images, videos - PDFs Lightbox - ...) </> 🗓️ Delivery Date Picker (Date picker form field) Gallery block 7.1 workaround </> 🤖 Ask me anything
Craig456 Posted September 20, 2022 Author Posted September 20, 2022 This left-aligned the Testimonials headers but none of the other text I mentioned. I want the "Testimonials" header and subtext and "Featured case study" header and subtext to be left-aligned. I also want to left align the "View the case study" button on mobile. I want them to stay centered on desktop.
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment