css and html positioning of an image element

livewirewebsolutions
livewirewebsolutions used Ask the Experts™
on
I am building a site here.  http://162.211.82.64/~ledgers/ Simple html and css.   I have placed the logo to the left of the LEDGERS4u title.  However, I have used absolute positioning so it moves around from device to device.  How do I position this properly with css and html so it stays to the left of the LEDGERS  and I make it all add up title?
Comment
Watch Question

Do more with

Expert Office
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®
Expert of the Year 2014
Top Expert 2014

Commented:
Move <div class="logo-white"></div> just after the opening H1
Amend the margin and left like so
   left: 0;
    margin: -50px 0;


Tweak as required.
like so? see now.
Expert of the Year 2014
Top Expert 2014
Commented:
No, that's not working
Move it to just before the Ledgers 4u span.

Remove position and left from the .logo-white {} css
Add display:inline-block;
Change the margin to
margin: -60px 0;

You will have to hide it at smaller screens as there is no room for it.
Ensure you’re charging the right price for your IT

Do you wonder if your IT business is truly profitable or if you should raise your prices? Learn how to calculate your overhead burden using our free interactive tool and use it to determine the right price for your IT services. Start calculating Now!

mmmmm.  Why is it not working.  It seems to be working perfectly here on a 13" mac and a 19" pc??
Expert of the Year 2014
Top Expert 2014

Commented:
Not once you go down to smaller screen sizes (800px).
ok.  I have made the changes.  How do i remove when a mobile device is browsing the site?
Expert of the Year 2014
Top Expert 2014

Commented:
Add to the css

@media only screen and (max-width: 767px) {
.logo-white {
display:none
}
}

Open in new window

got it.  awesome thanks!

Do more with

Expert Office
Submit tech questions to Ask the Experts™ at any time to receive solutions, advice, and new ideas from leading industry professionals.

Start 7-Day Free Trial