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.

Reposition and display a div from inside of a hidden div

Featured Replies

I have searchbox div inside of sidebar div.

 

When I hide sidebar div (on narrower screens), what's the best way to reposition and show searchbox div somewhere else on the page? Can I have the same one reappear and resposition it via CSS? Or should I have a different instance of it via HTML?

Keep it simple. Put the search box at the top of the content and you don't need to reposition anything.

  • Author

I'm inclined to agree with you. If you check it out here http://www.responsinator.com/?url=https%3A%2F%2Fwww.grantbarker.com%2F I'd like it to appear to the left of the orange MENU button on the mobile screens, so of course people can search (and also to stop wasting space). On images 6, 9 and 10 the menu is fully showing so it won't fit at the top in that position.

(I have to sleep now, but thank you for your input fisicx. I'll check back in tomorrow.)

  • Author

Keep it simple. Put the search box at the top of the content and you don't need to reposition anything.

 

Hopefully, it's better now. I will adjust it some more, I think, to fit onto the smaller devices.

Thanks

(responsinator)

 

Unfortunately, I'm getting some font flashing again in Edge, since changing the searchbox, etc.

I guess my code isn't so clean or something.

1 step forward, 2 steps back!

I should just walk backwards.

Edited by Grant Barker

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.