Wordpress Themes - WP Forum at BFA
Click here to register or to donate.
Auto self-registration is not available here - far too many spammers. This forum has many, many backlinks and because of that there is an intense desire among spammers to drop their links here.

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

[SOLVED] Logo & page-menu above header on same line


  #1  
Old Aug 27, 2016, 12:06 PM
annsworld
 
137 posts · Mar 2010
Hi there,
I am trying to have a white area (bar) across the monitor above the header. In that bar I want a logo to left align and the page menu to right align:

I have tried all kinds of things and googled for a couple of hours, but nothing seems to work.

I want it to look like this:
Click image for larger version

Name:	Screen Shot 2016-08-27 at 19.03.14.png
Views:	137
Size:	41.6 KB
ID:	2761

But what I get is some variation of this:
Click image for larger version

Name:	Screen Shot 2016-08-27 at 18.55.43.jpg
Views:	145
Size:	95.9 KB
ID:	2760


My website is www.dievogelschule.com

I am using: 3.7.24

Thanks,
Ann.
  #2  
Old Aug 27, 2016, 12:26 PM
juggledad's Avatar
juggledad
 
23,465 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
You need to take the image that is assigned to the 'body' and add the white space to it's top. Then you can add a padding-top to the body to slide the content down
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #3  
Old Aug 27, 2016, 12:32 PM
annsworld
 
137 posts · Mar 2010
Hi there,
Thank you so much for your quick reply.

For the time being I had tried that simply with the blue image, just for testing. No matter what padding or margin I added I could not get the %logo side-by-side to the %page-right.

Where exactly in the ATO do I need to add the padding?

I just did it on my live site for you to see: http://www.dievogelschule.com

It is as if the logo just pushes the entire content down instead of overlaying it.

Thanks,
Ann.

Last edited by annsworld; Aug 27, 2016 at 12:36 PM.
  #4  
Old Aug 27, 2016, 12:34 PM
annsworld
 
137 posts · Mar 2010
Adding more info for you:

ATO/Style & edit HEADER AREA

%logo %page-right
%image
%page-right
%bar1

Logo Image Styling
padding: 30px 0px 0px 0px
  #5  
Old Aug 27, 2016, 12:56 PM
annsworld
 
137 posts · Mar 2010
Me again. I think I just fixed it, just diddling around:

ATO/Style & edit HEADER AREA

Logo Image Styling
margin: 0px 0px -50px 0px

Thank you so much though for helping so quickly and on a Saturday, too. :-)

Take care,
Ann.
  #6  
Old Aug 27, 2016, 06:01 PM
juggledad's Avatar
juggledad
 
23,465 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
Looks like you've gt it!
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #7  
Old Aug 28, 2016, 06:18 AM
annsworld
 
137 posts · Mar 2010
Yes I did. Just diddling around without rhyme or reason. :D

Thank you for your help, though. I sent you a little donation as a token of my appreciation!

Take care,
Ann.

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Change Dashed Line Around Menu 2 (Catagory Menu) to Solid Line ? GRF Page & Category Menu Bars 1 Jul 20, 2013 05:32 PM
Page menu bar and logo area on header image.. hollow Header configuration & styling 1 Feb 17, 2010 03:22 PM
How do I put the search box and subscribe buttons within header (not logo line)? saulta Header configuration & styling 0 Jan 31, 2010 09:56 AM
How to add logo to same line as header pitcure? norwichkaren Header configuration & styling 1 Jul 10, 2009 06:26 PM


All times are GMT -6. The time now is 12:11 PM.


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