Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS Framework Basics Prototyping with Bootstrap Adding a Dropdown Menu and Glyphicons

Daniel Beale
Daniel Beale
1,681 Points
Posted by Daniel Beale
Daniel Beale
1,681 Points

The dropdown menu doesn't seem work on iOS Chrome or Safari.

I've been using this tutorial to create a dropdown on my own site and although it works fine on desktop I couldn't get the dropdown to work on my iPhone & iPad - I assumed that I must be doing something wrong but after going over it several times I couldn't work it out.

So I uploaded the untouched project files to my own server (http://www.danielbeale.co.uk/final/) and they don't work either.

Can anyone help?

Daniel Beale
Daniel Beale
1,681 Points
Daniel Beale
Daniel Beale
1,681 Points

Typical - I post the question and then figure it out.

If anyone else is struggling with this you just need to add href="#" into the anchor tag.

1 Answer

Miguel Palau
Miguel Palau
24,176 Points
Miguel Palau
Miguel Palau
24,176 Points

Playing around with the Dev Tools I took the dropdown and with CSS you give it first some margin-top (i gave it 50px) and then some text-align center.

That worked for me.