INTELLIGENT WORK FORUMS
FOR COMPUTER PROFESSIONALS

Log In

Come Join Us!

Are you a
Computer / IT professional?
Join Tek-Tips Forums!
  • Talk With Other Members
  • Be Notified Of Responses
    To Your Posts
  • Keyword Search
  • One-Click Access To Your
    Favorite Forums
  • Automated Signatures
    On Your Posts
  • Best Of All, It's Free!

*Tek-Tips's functionality depends on members receiving e-mail. By joining you are opting in to receive e-mail.

Posting Guidelines

Promoting, selling, recruiting, coursework and thesis posting is forbidden.

Jobs

Problem with positioning Logo, Search Box and Language Bar OUTSIDE of the navbar (Bootstrap)

Problem with positioning Logo, Search Box and Language Bar OUTSIDE of the navbar (Bootstrap)

Problem with positioning Logo, Search Box and Language Bar OUTSIDE of the navbar (Bootstrap)

(OP)
hello there

This is what I'm doing at the minute:

http://www.manoj-kumar.co.uk/


if you resize the browser and approach or hit the 'snapping points' at which we replicate tablets (in landscape or portrait) you will see whats up.

I want some consistency here which im struggling to get.

I didn't want to put the logo in the navbar nor did i want to put the search bar and langauge bar there either as I strongly believe it makes more sense to have them outside the navbar in their own header/mast above , just better design imo - or thats how I feel anyway.


I have coded it such, that there is a DIV ROW with 3 columns housing the logo, saerch bar and langauge bar - a DIV ROW which sits above the navbar.

some pointers in the right direction, some hints or tips would be gladly welcomed here. I think the solution to this is simple but i keep over complicating it. MAybe its my obsession with rows and columns i dunno.

ask me to hand code it all from scratch and I'd get it achieved but i ahve to do it on bootstrap. time constraint you see.

Also, for the life of me - i cannot seem to find the media queries associated with the phone viewports in the bootstrap.css file, i attempted to write my own in the hope of overriding any hidden b/s but they just wouldn't work.

whats happening ?

RE: Problem with positioning Logo, Search Box and Language Bar OUTSIDE of the navbar (Bootstrap)

looks ok to me. not sure why the logo is resizing though (as in why you want it to resize - i can see why it is resizing technically).

the media queries are in the bootstrap.css file. peppered throughout unfortunately rather than nicely in the same place. e.g. line 1290. look for max-width selectors in the 700-800px range.

RE: Problem with positioning Logo, Search Box and Language Bar OUTSIDE of the navbar (Bootstrap)

(OP)
Thank you very much jpadie, you've been most helpful - i had an inkling it was somewhere in that part of the css file but couldn't seem to isolate it.


This will help a lot - so a big thank you from my side buddy big smile

Red Flag This Post

Please let us know here why this post is inappropriate. Reasons such as off-topic, duplicates, flames, illegal, vulgar, or students posting their homework.

Red Flag Submitted

Thank you for helping keep Tek-Tips Forums free from inappropriate posts.
The Tek-Tips staff will check this out and take appropriate action.

Reply To This Thread

Posting in the Tek-Tips forums is a member-only feature.

Click Here to join Tek-Tips and talk with other members!

Resources

Close Box

Join Tek-Tips® Today!

Join your peers on the Internet's largest technical computer professional community.
It's easy to join and it's free.

Here's Why Members Love Tek-Tips Forums:

Register now while it's still free!

Already a member? Close this window and log in.

Join Us             Close