Solved

Bootstrap - header image

Posted on 2014-02-20
3
451 Views
Last Modified: 2014-02-20
Live site is here
http://www.wiplastic.com/

Beta Bootstrap site here
http://nsitedesigns.com/nsitedesigns/wiplastic_scott/index.html

1.  How do I fix state icon so it floats off page like live site?
2.  Is there a more comparable font that I can use which is responsive?
0
Comment
Question by:nsitedesigns
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
3 Comments
 
LVL 58

Accepted Solution

by:
Gary earned 250 total points
ID: 39874921
The two pages are built differently - the live site is an image of everything.

On the new site add a new div just before your "header row" class div.

and give it this css
   background: #000;
    height: 30px;
    margin: 0 -15px;


And add this class to your css file
.logoimg > img {
    margin-top: -20px;
}

Tweak as necessary
0
 
LVL 57

Assisted Solution

by:Julian Hansen
Julian Hansen earned 250 total points
ID: 39875102
An alternative to the above is to give the container a background of black and a top padding of say 50px; then add a negative margin to the image.
<div class="container" style="background: black; padding-top: 50px;">
    <div class="header row">
      <div class="col-xs-4 col-sm-2 logoimg">
            <img src="img/wisc.png" style="margin-top: -40px;">
 ...

Open in new window

0
 

Author Closing Comment

by:nsitedesigns
ID: 39875166
yeah!  it worked!
0

Featured Post

Salesforce Has Never Been Easier

Improve and reinforce salesforce training & adoption using WalkMe's digital adoption platform. Start saving on costly employee training by creating fast intuitive Walk-Thrus for Salesforce. Claim your Free Account Now

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

FAQ pages provide a simple way for you to supply and for customers to find answers to the most common questions about your company. Here are six reasons why your company website should have a FAQ page
Australian government abolished Visa 457 earlier this April and this article describes how this decision might affect Australian IT scene and IT experts.
This video teaches users how to migrate an existing Wordpress website to a new domain.
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…

691 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question