patricia-h Posted September 10, 2020 Share Posted September 10, 2020 Site URL: https://www.sophersparn.com I am wondering if there is a way to inject custom css to move the index menu on the Carson template (Tremont family) up towards the site header. The built-in styling allows for the menu to be at the bottom of the page, but not the top. Link to comment
tuanphan Posted September 12, 2020 Share Posted September 12, 2020 Can you describe in more detail? 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
patricia-h Posted September 16, 2020 Author Share Posted September 16, 2020 Basically I just want to make the index menu on the Tremont family move up towards the site header. What detail are you looking for? Link to comment
tuanphan Posted September 18, 2020 Share Posted September 18, 2020 Add to Home > design > Custom CSS .collection-nav-desc-wrapper.too-tall.show { top: 100px !Important; } 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
LaurenZA Posted February 16, 2021 Share Posted February 16, 2021 Hi @patricia-h and @tuanphan, I'm trying to move the navigator to the right on Carson and I'm not figuring it out... I tried to copy the blow css from your site, Patricia: Quote .tweak-index-nav-position-left .collection-nav-desc-wrapper .collection-nav, .tweak-index-nav-position-bottom-left .collection-nav-desc-wrapper .collection-nav { padding-right: .5em; padding-left: 0; } But it doesn't do anything when I try to apply it to mine. Site is hardly built, but you can look: jodyfladerloving.squarespace.com pw: JFL21 Thank you for help in advance! Link to comment
LaurenZA Posted February 18, 2021 Share Posted February 18, 2021 Any ideas regarding the above, @paul2009 or @kerstinmartin? Link to comment
paul2009 Posted February 18, 2021 Share Posted February 18, 2021 The password that you posted above didn't work. About me: I've been a SQSP User for 18 yrs. I was invited to join the Circle when it launched in 2016. I have been a Circle Leader since 2017. I don't work for Squarespace. I value honesty, transparency, diversity and good design ♥. Work: I founded and run SF.DIGITAL, building Squarespace Extensions to supercharge your commerce website. Content: Views and opinions are my own. Links in my posts may refer to SF.DIGITAL products or may be affiliate links. Forum advice is free. You can thank me by clicking one of the feedback emojis below. Coffee is optional. Link to comment
LaurenZA Posted February 18, 2021 Share Posted February 18, 2021 Sorry about that @paul2009! fixed now On 2/16/2021 at 3:45 PM, LaurenZA said: jodyfladerloving.squarespace.com pw: JFL21 Link to comment
LaurenZA Posted February 18, 2021 Share Posted February 18, 2021 Figured it out! I adjusted the default left (13vw) to a new number to move the navigator over. Quote .collection-nav-desc-wrapper { left: 65vw; } Link to comment
paul2009 Posted February 18, 2021 Share Posted February 18, 2021 24 minutes ago, LaurenZA said: Figured it out! I adjusted the default left (13vw) to a new number Great! Bear in mind that you'll either need to adjust the value according to the viewport, or apply it on larger viewports only. If you don't, it is likely to overflow on mobile devices like this: About me: I've been a SQSP User for 18 yrs. I was invited to join the Circle when it launched in 2016. I have been a Circle Leader since 2017. I don't work for Squarespace. I value honesty, transparency, diversity and good design ♥. Work: I founded and run SF.DIGITAL, building Squarespace Extensions to supercharge your commerce website. Content: Views and opinions are my own. Links in my posts may refer to SF.DIGITAL products or may be affiliate links. Forum advice is free. You can thank me by clicking one of the feedback emojis below. Coffee is optional. Link to comment
LaurenZA Posted February 18, 2021 Share Posted February 18, 2021 Hi @paul2009 - I am running into that exact issue... Is this a media-screen thing? How exactly should I tackle this. Link to comment
paul2009 Posted February 19, 2021 Share Posted February 19, 2021 10 hours ago, LaurenZA said: Is this a media-screen thing? Yes. You can add some media queries to apply different positioning or sizing according to the width of the viewport (the screen width). For example, to apply a setting on screen widths below 768 pixels, you could add the code below. Your settings (as you mentioned above) go inside the media query, but with a different position. @media only screen and (max-width: 767px) { //set your styles here } About me: I've been a SQSP User for 18 yrs. I was invited to join the Circle when it launched in 2016. I have been a Circle Leader since 2017. I don't work for Squarespace. I value honesty, transparency, diversity and good design ♥. Work: I founded and run SF.DIGITAL, building Squarespace Extensions to supercharge your commerce website. Content: Views and opinions are my own. Links in my posts may refer to SF.DIGITAL products or may be affiliate links. Forum advice is free. You can thank me by clicking one of the feedback emojis below. Coffee is optional. Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.