Notacoder Posted January 18, 2021 Share Posted January 18, 2021 (edited) Site URL: https://www.cyclebeatclub.com I am slowly building out my new indoor cycling business site and would love to hear your impressions. I have had to do a few hacks to get things working as I had planned but 'm sure there are lots of ways to improve and still a work in progress but it is live now. Edited January 18, 2021 by Notacoder moxiecreativesolutions 1 Link to comment
Lychaeus Posted January 19, 2021 Share Posted January 19, 2021 Hey, Even if I were to nitpick, it's only subjective to me. Overall, it looks great! Very simple, straightforward layout which I love. Good job. Notacoder 1 Link to comment
tuanphan Posted January 22, 2021 Share Posted January 22, 2021 1. (Tablet) Footer links doesn't look good. 2. You haven't changed SEO Title, so the browser tab name still shows "Contact 1" https://www.cyclebeatclub.com/contact Also, do you want to increase width on tablet? 3. (Mobile) Click photo > Click dot to show bio > The dot is very small. Do you want to change color/increase dot size? https://www.cyclebeatclub.com/your-team Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Notacoder Posted January 22, 2021 Author Share Posted January 22, 2021 (edited) 1. Yes I would like to clean up the (Tablet) footer if you have suggestions, thank you. 2. SEO title is fixed on my Contact Us page, thanks for spotting that. 3.Yes, I would like to change the colour and dot size in the (Mobile) version on the Team page, https://www.cyclebeatclub.com/your-team 4. additionally, I have been given some code to reduce the padding around the logo on (Mobile and Tablet) but it seems to react differently between the two devices. On (Mobile) when a page loads the padding is good but as I scroll the padding increases and only returns to minimal padding when I am at the top of the page. On (Tablet) the reverse happens, as I scroll up or down the padding reduces but gets larger when I am at the top of the page. I'd like the (Tablet) padding to be a smaller while at the top of the page. Please have a look at this code and let me know which part of the code I need to change to reduce it. @media only screen and (max-width: 600px) { section[data-section-id="60007e89083bda4cd210fd88"] { height: 100vh !important; } section[data-section-id="60007e89083bda4cd210fd88"] .section-background-canvas { visibility: hidden; } section[data-section-id="60007e89083bda4cd210fd88"] .section-background img { visibility: visible !important; } .header .header-announcement-bar-wrapper { padding: 1vw; } } Edited January 22, 2021 by Notacoder Added CSS Code and screen shots Link to comment
tuanphan Posted January 31, 2021 Share Posted January 31, 2021 On 1/22/2021 at 12:10 PM, Notacoder said: 1. Yes I would like to clean up the (Tablet) footer if you have suggestions, thank you. 2. SEO title is fixed on my Contact Us page, thanks for spotting that. 3.Yes, I would like to change the colour and dot size in the (Mobile) version on the Team page, https://www.cyclebeatclub.com/your-team 4. additionally, I have been given some code to reduce the padding around the logo on (Mobile and Tablet) but it seems to react differently between the two devices. On (Mobile) when a page loads the padding is good but as I scroll the padding increases and only returns to minimal padding when I am at the top of the page. On (Tablet) the reverse happens, as I scroll up or down the padding reduces but gets larger when I am at the top of the page. I'd like the (Tablet) padding to be a smaller while at the top of the page. Please have a look at this code and let me know which part of the code I need to change to reduce it. @media only screen and (max-width: 600px) { section[data-section-id="60007e89083bda4cd210fd88"] { height: 100vh !important; } section[data-section-id="60007e89083bda4cd210fd88"] .section-background-canvas { visibility: hidden; } section[data-section-id="60007e89083bda4cd210fd88"] .section-background img { visibility: visible !important; } .header .header-announcement-bar-wrapper { padding: 1vw; } } Sorry for the delay. Do you still need help on this? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Notacoder Posted January 31, 2021 Author Share Posted January 31, 2021 6 hours ago, tuanphan said: Sorry for the delay. Do you still need help on this? Yes if you have some ideas on my previous points #1, #3 and #4. Thank you. Link to comment
Notacoder Posted February 1, 2021 Author Share Posted February 1, 2021 6 hours ago, SophieMarques said: looks great Thank you. It is my first site with SS. 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