Wordpress Themes - WP Forum at BFA
There will be no more development for Atahualpa (or any other theme), and no support. Also no new registrations. I turned off the donation system. I may turn the forum to read only if it gets abused for spam. Unfortunately I have no time for the forum or the themes. Thanks a lot to the people who helped in all these years, especially Larry and of course: Paul. Take care and stay healthy -- Flynn, Atahualpa developer, Sep 2021

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Header configuration & styling »

Logo image positioned to far left on large monitors


  #1  
Old Nov 4, 2009, 07:28 PM
b1tzmast3r
 
18 posts · Oct 2009
Logo image positioned to far left on large monitors

Hello,

I'm trying to figure out why my logo keeps it's left position based on the browser and not the "Logo Area" which causes it to float too far to the left when viewed on a large cinema monitor.

It's almost like the logo is set up to align left regardless what the rest of the fixed container is doing.

This is most likely due to my lack of CSS experience. I've tried quite a few variations but end up with similar results

Basically I need the logo to line up with the left side of the main container then push it 20 pixels to the right.

Can anyone give me an idea what I should be doing to make that happen on a fixed layout of 1250 pixels?

Thanks for your help!!
  #2  
Old Nov 5, 2009, 05:18 AM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
What version of Atahualpa and WP?
What is the URL?

p.s. NIce site!
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support

Last edited by juggledad; Nov 5, 2009 at 08:25 AM.
  #3  
Old Nov 5, 2009, 08:08 AM
b1tzmast3r
 
18 posts · Oct 2009
My apologies!

WP: 2.8.4
Ap: 3.4.4

URL: http://www.coreywolfe.com/

Also here's the styling I currently have set up:

Logo Area:
Code:
height: 120px;
width: 1250px;
margin-left:auto; 
margin-right:auto;
Logo Image:
Code:
position: absolute;
left:-35px;
top:10px;
z-index:+1;
Thanks!
  #4  
Old Nov 5, 2009, 08:23 AM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
oh, you are using position: absolute; use 'relative' instead
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #5  
Old Nov 5, 2009, 08:49 AM
b1tzmast3r
 
18 posts · Oct 2009
You're right that does put it into the correct position but it opens another can of worms.

Here's an image which demonstrates what happens with the header seperation it creates. The owner wanted me to tuck the contact button as close to the beige line as I could...but that forces the logo left.

Maybe there's a way to push the right column up now?



Thanks for your help!!
  #6  
Old Nov 5, 2009, 11:44 AM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
you could try the method described in the gold forum: How to overlay the LOGO on the Header Image in versions 3.4->3.4.4 (http://forum.bytesforall.com/showthread.php?t=2729)
I'm 99% sure that will work for you
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
How can a place a logo image on the left side and another image on the right side? Ms. M Header configuration & styling 11 Jan 18, 2010 12:28 PM
Logo positioned over page menu bar markday Header configuration & styling 3 Nov 3, 2009 01:36 PM
[SOLVED] An easy way to have a logo over left sidebar area of header? mgclark Header configuration & styling 11 Jul 29, 2009 05:36 AM
Large Gap At Top Of Both Side Bars agrande Sidebars & Widgets 4 Jun 29, 2009 04:39 AM
Large photo gallery slideshow banner image replacement blueprairie Plugins & Atahualpa 1 Jun 18, 2009 05:10 AM


All times are GMT -6. The time now is 04:28 PM.


Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.