Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

I Would Love Some Feedback on My New Site


Recommended Posts

  • Replies 7
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Popular Posts

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

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.

Posted Images

1. (Tablet) Footer  links doesn't look good.

image.thumb.png.ed4d430749dc92bf45334e50f3f20718.png

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?

image.thumb.png.b634d31163cd1464798ba27a51a3f4f9.png

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

 

Link to post

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.

Mobile-Padding.thumb.jpg.f4df77aa8a32a9c8a223d290ae86afec.jpg

 

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.

Tablet-Padding.thumb.jpg.9fdfde4bf6c9fac526c62237e23d9e40.jpg

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 by Notacoder
Added CSS Code and screen shots
Link to post
  • 2 weeks later...
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.

Mobile-Padding.thumb.jpg.f4df77aa8a32a9c8a223d290ae86afec.jpg

 

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.

Tablet-Padding.thumb.jpg.9fdfde4bf6c9fac526c62237e23d9e40.jpg

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?

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...