logo on left side of bootstrap menu
Hello,
https://www.think-dev.ca
user: think
pass: insure
In order to make my logo float to the left side of my main menu, i wrapped the logo and menu in col-xs-3 (logo) col-xs-9(menu)
this is causing all sorts of weirdness for the menu, it seems to have minimum widths, the responsive menu is way out to the right side, outside of site.
Is their a better way to do this?
https://www.think-dev.ca
user: think
pass: insure
In order to make my logo float to the left side of my main menu, i wrapped the logo and menu in col-xs-3 (logo) col-xs-9(menu)
this is causing all sorts of weirdness for the menu, it seems to have minimum widths, the responsive menu is way out to the right side, outside of site.
Is their a better way to do this?
Julian Hansen
You have your logo twice the first one is hidden for md and lg - why are you doing that?
Hi,
You can use Bootstrap helper for that
http://getbootstrap.com/css/#responsive-utilities-classes
These classes allows to show or hide an element depending of the device size, so you can display bigger logo for PC and smaller logo for Iphone.
I'm using this menu this help handling the logo and menu
http://faysalhaque.github.io/redq-megamenu/
Check at the bottom of the page to see all settings.
You can use Bootstrap helper for that
http://getbootstrap.com/css/#responsive-utilities-classes
These classes allows to show or hide an element depending of the device size, so you can display bigger logo for PC and smaller logo for Iphone.
I'm using this menu this help handling the logo and menu
http://faysalhaque.github.io/redq-megamenu/
Check at the bottom of the page to see all settings.
ASKER
Thank you both for responding
Julian,
Your are seeing a work in progress, that was another version of this that I haven't cleaned up yet
Lenamti,
I am aware of all those classes. I can also just do that with media queries and the img-responsive, the problem is the nav wants to be full width, i am trying to put it in column and it wants to break through the column width
Julian,
Your are seeing a work in progress, that was another version of this that I haven't cleaned up yet
Lenamti,
I am aware of all those classes. I can also just do that with media queries and the img-responsive, the problem is the nav wants to be full width, i am trying to put it in column and it wants to break through the column width
ASKER
I think I figured it out, I had a container class <div class="container"> wrapped around the menu which was forcing a width, once I removed that the menu doesn't break its container
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.