Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

The Holy Spirit

Featured Replies

My mum works at a primary school and they needed a website doing before OFSTED came to visit. I volunteered to do the website.

 

I had already coded it and it worked fine, but over 25% of the views were coming from iPhone and Android devices so I decided to spend the past 2 days redeveloping the website to make it responsive.

 

The site does not use Bootstrap although you may think it by the tabbing feature (built myself). It makes use of jQuery and FontAwesome

 

Bare in mind it is only my 2nd responsive website, so go easy ;p

 

I'm wondered what you guys think.

 

Also, if you come across any typos could you let me know? Cheers.

 

http://holyspiritruncorn.co.uk

 

- Mark

Edited by m0nsta.

When you have a long list of links like the useful links section, it's better to increase space between each item, or even turn them into buttons on smaller views. It's easy to select the wrong link, especially if your using your phone in one hand.

"Contacting us is easy! Simply send a written letter or email to us, or you can phone us using the phone number provided below"

 

I can't see an email address - are you still to add that or am I missing it?

  • Author

When you have a long list of links like the useful links section, it's better to increase space between each item, or even turn them into buttons on smaller views. It's easy to select the wrong link, especially if your using your phone in one hand.

Fair point, will get on to that now. Cheers.

 

"Contacting us is easy! Simply send a written letter or email to us, or you can phone us using the phone number provided below"

 

I can't see an email address - are you still to add that or am I missing it?

Damn, thanks for that! :good:

This looks like a perfectly satisfactory attempt to me. Splendid.

 

The only comment I would make is that the cookies bar can be considered rather intrusive upon initial viewing.

Edited by the_web_wizard

  • Author

This looks like a perfectly satisfactory attempt to me. Splendid.

 

The only comment I would make is that the cookies bar can be considered rather intrusive upon initial viewing.

Cheers!

 

And yeah I do agree, I just can't think of a much more suitable way to have it displayed. I guess I could have an info alert box that displays under the header/navigation. I'll look into it more soon. Thanks for the feedback.

Cheers!

 

And yeah I do agree, I just can't think of a much more suitable way to have it displayed. I guess I could have an info alert box that displays under the header/navigation. I'll look into it more soon. Thanks for the feedback.

 

Move it to the bottom IMO. Couldnt see the menu icon until i closed the cookie warning.

 

Also make it different from the website, currently i thought it was just a header. I would say fixed to bottom, make it black but drop the opacity to 0.8 or so.

  • Author

Move it to the bottom IMO. Couldnt see the menu icon until i closed the cookie warning.

 

Also make it different from the website, currently i thought it was just a header. I would say fixed to bottom, make it black but drop the opacity to 0.8 or so.

Ah, I was under the impression you had to make it clearly visible upon page load?

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.