Discussion on Booom! - One-Page Flat UI Pro Bootstrap 3 Template

44 comments found

  • Bought between 1 and 9 items
  • Has been a member for 1-2 years

gr8 theme m8!! Inspired us on (the very basic) hairmob.com.br. Keep up inspiring!! :)

simonswiss

Nice! Thanks for sharing! :-)

  • Bought between 100 and 499 items
  • Exclusive Author
  • Has been a member for 3-4 years

Love it! Any plans on having this as Wordpress theme?

Too bad I’m not a developer :( I’m just a designer with good knowledge with wordpress.

simonswiss

Thanks for the kind words!

The WordPress version is actually coming soon – we are currently on the final stages of development. Click “follow” on my profile to see when the WP version is out, or send my your e-mail via my contact form so i can notify you directly :-)

  • Bought between 1 and 9 items
  • Has been a member for 0-1 years

We are currently using your Boom ‘Under Construction’ page for WhichEmail, a new email comparison website. We look forward to seeing the WordPress theme when it launches. :)

simonswiss

Thanks! Working hard on it – hopefully available soon!

  • Bought between 100 and 499 items
  • Has been a member for 6-7 years

Problem with the navigation on iOS handhelds.

1. The menu does not stay fixed to the top of the window when you click on a menu item when viewing on mobile (iOS … iPhone) devices.

2. In the main.css file on lines 10242-10245 you have @media (max-width: 767px) { #header .navbar { position: relative; }

If I change the position to fixed then it makes the menu fixed but the menu does not close when clicking an item. It stays open and you have to click again the menu icon.

It would be better and more user friendly if: 1. The menu would stay fixed on mobile devices 2. When clicking on a menu item on a mobile device that the page would scroll to that section and the menu would automatically close.

Default-user

Ok, after reading up on the bootstrap framework, I found that you can add the following to each menu item to make the menu close after clicking on a menu item.

data-toggle="collapse" data-target=".navbar-collapse"

So the menu item would look like this:

<li data-toggle="collapse" data-target=".navbar-collapse"><a href="#features">Features</a></li>
simonswiss

Hi,

The navigation was designed that way, to save up some space on small mobile screens. If you need the sticky navigation for mobile devices too, you can remove the css that changes the position from ‘fixed’ to ‘relative’ in the mobile media query.

I don’t think a fixed navigation on mobile devices is necessarily better UI – most people, when navigating on their phone, just scroll down and don’t really use a navigation menu. The nav is there for them at the top of the page if they want to access the sections, but then it gets out of the way to give the content more space to shine.

In the context of a single-page design like this one, which typically is scrolled from top to bottom, i thought it made more sense to let the nav scroll out of the way, since the menu items are not critical to access the content.

by
by
by
by
by
by