sophrec Posted March 13, 2022 Share Posted March 13, 2022 (edited) I'm trying to move the logo on my cover page vertically so it can sit in the top left corner, but only have the option to move it horizontally across the midline of the page. Any custom css code to help? I also want to make sure the navigation stays in the bottom right. Not sure if better to create a proper page vs cover page, but wasn't able to find another way to make a full-bleed carousel background where the images weren't links. Any help would be so appreciated. Thanks! Edited March 14, 2022 by sophrec updating information, typo Link to comment
tuanphan Posted March 14, 2022 Share Posted March 14, 2022 Hi. What is cover page url? 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
sophrec Posted March 14, 2022 Author Share Posted March 14, 2022 https://www.cristinareciointeriors.com/ thank you! Link to comment
tuanphan Posted March 15, 2022 Share Posted March 15, 2022 16 hours ago, sophrec said: https://www.cristinareciointeriors.com/ thank you! Add this to Cover Page Header <style> .sqs-slide-wrapper[data-slide-type="cover-page"] [data-compound-type="logo"][data-slice-type="image"] img { position: fixed !important; top: 5px !important; left: 5px !important; } </style> 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
sophrec Posted March 16, 2022 Author Share Posted March 16, 2022 On 3/15/2022 at 3:02 AM, tuanphan said: Add this to Cover Page Header <style> .sqs-slide-wrapper[data-slide-type="cover-page"] [data-compound-type="logo"][data-slice-type="image"] img { position: fixed !important; top: 5px !important; left: 5px !important; } </style> i updated the padding amount to match the footer on desktop, but it doesn't match on mobile since the page is dynamic. is there separate code I can use to differentiate desktop vs mobile padding? Link to comment
tuanphan Posted March 18, 2022 Share Posted March 18, 2022 On 3/16/2022 at 7:06 PM, sophrec said: i updated the padding amount to match the footer on desktop, but it doesn't match on mobile since the page is dynamic. is there separate code I can use to differentiate desktop vs mobile padding? Use this code <style> .sqs-slide-wrapper[data-slide-type="cover-page"] [data-compound-type="logo"][data-slice-type="image"] img { position: fixed !important; top: 5px !important; left: 5px !important; } /* Mobile */ @media screen and (max-width:767px) { .sqs-slide-wrapper[data-slide-type="cover-page"] [data-compound-type="logo"][data-slice-type="image"] img { top: 25px !important; left: 25px !important; } } </style> 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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment