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.

How to make a Website 'Fully' Responsive.

Featured Replies

I have created a very basic theme in WordPress for a future blog. Before I start to develop the theme any further I want to make it fully responsive. At the moment the theme is responsive. However, its not 'fully' responsive and only changes layout at the exact break points set in the media queries.

 

My test blog: http://www.blog.craigbibby.com/

 

How I want my blog to behave: http://viljamis.com/blog/

 

I'm brand new to WordPress and RWD and don't really know where to take it from here.

 

As always, grateful of any suggestions.

 

Thanks.

 

:)

Edited by Craig Bibby

It doesn't have to resize as you move the browser to be responsive. As long as the layouts work with any widths then it doesn't matter how they function, nobody (apart from us designers) is sat there resizing their browser watching the text shrink and expand.

 

It's done with min/max-widths and percentages though.

  • Author

Thats true, as long as it displays correctly on the device used I suppose any other function doesn’t really matter.

 

It was just pointed out to me that the site could be more more fluid and I was frustrated that I couldn’t work out how to achieve that.

 

I didn’t realise there was so many different methods of making a site responsive so I will just have to start playing around with different methods.

 

Generally speaking though, is there a preference amongst designers and developers?

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.