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 »

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


  #1  
Old Aug 27, 2016, 12:06 PM
annsworld
 
140 posts · Mar 2010
[SOLVED] Logo & page-menu above header on same line

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:	1166
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:	1170
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,765 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
 
140 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
 
140 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
 
140 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,765 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

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 03:45 PM.


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