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.

width & height issue on rwd

Featured Replies

Hello wdf. Im working on my site iammickwhite.co.uk & when i click on the toggle button in the right hand side nav, it adjusts badly on the layout. Please help me to see why?

 

Im using samsung s4 mini to view it btw.

 

Thanks

It seems to work as expected for me in terms of what toggle should do.

You've closed your body tag too early though. It should look something like this.

<!DOCTYPE html>

<html>
    <head>
        <title>raa</title>
    </head>
    <body>
        <!-- your document goes inside the body (divs, header ect) -->
    </body>
</html>
  • Author

Cheers jack but does the viewport adapt badly in any way when you click toggle button? & what do you mean plz ive closed body tag too early? Thanks

Cheers jack but does the viewport adapt badly in any way when you click toggle button? & what do you mean plz ive closed body tag too early? Thanks

 

I've just looked at the source and the body is fine. Chrome dev tools made it appear as though it was being closed too early which may indicate that you have floated elements that haven't been cleared. Here's an example I've put together of float clearing, note that the clearfix used is from here.

 

I'd advise looking further into floats and clearing floats if you're going to use them in your layout (http://css-tricks.com/all-about-floats/).

 

Although this may, or may not solve your issue. It's going to be difficult to debug your layout when you have collapsed containers everywhere.

  • Author

Thought it might have to do with collapsed containers. Thanks ill take a look. Meanwhile thanks for looking & id appreciate any advice.

 

Thanks again

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.