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 »

Contact info on right side of Header


  #1  
Old Nov 22, 2013, 07:59 AM
mikula25
 
13 posts · Nov 2013
Contact info on right side of Header

So I've used some of the tips mentioned here on how to add contact info on the right side of the header, all helpful so far, thanks. However I was wondering if there was another solution besides using the absolute positioning method.

Here is what I used in the ATO>Header:

<div class="contact1"> Skype:AdventuretoAfrica </div>

Then this is my CSS:

.contact1 {height: 15px;
position: absolute;
margin-top: 5px;
margin-left: 830px;
font-size: 12px;
background: #BDBDBD;
padding-right:2px;
font-family:Verdana, Times, serif;
}

The issue is that when you reduce the width of the browser, the text floats outside of the header width, which I guess makes sense given the absolute definer. My main concern is that the text floats outside of the header when you view the website on an iPhone. Is this avoidable? Do I need to reduce the width of my header? Or is there another way to position the text on the right side of the page; I've tried margin-right: 0px, but that doesnt work for some reason. Thanks.

My website is tommikula.net.
  #2  
Old Nov 22, 2013, 02:25 PM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
did you put the
HTML Code:
<div class="contact1"> Skype:AdventuretoAfrica </div>
as the first thing in the 'Configure Header Area' option?

if not, try it there and change the positioning to 'relative'
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #3  
Old Nov 22, 2013, 02:49 PM
mikula25
 
13 posts · Nov 2013
Yes that was listed first in the 'Configure Header Area'.

When I switch it to relative, the text jumps up to another line above where I have the logo on the left placed. Take a look:

http://www.tommikula.net/

The CSS code now reads:
.contact1 {height: 15px;
position: relative;
margin-left: 800px;
margin-top: 0px;
font-size: 12px;
background: #BDBDBD;
padding-right:2px;
font-family:Verdana, Times, serif;
}

Thanks for any help you can provide.
  #4  
Old Nov 22, 2013, 05:25 PM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
try this, Instead of using the logo as a logo, use it as a header image, then you can use the 'Overlay header Image' options to put your text in and position it
__________________
"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 25, 2013, 08:40 AM
mikula25
 
13 posts · Nov 2013
Hmmm, still same problem; text runs outside the header when I decrease the width of the browser. Also runs over the header width on an iphone.
  #6  
Old Nov 25, 2013, 08:50 AM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
did you change the positioning to relative since anything in the 'Overlay Header Image' will be wrapped in the header image div?
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support

Bookmarks



Similar Threads
Thread Thread Starter Forum Replies Last Post
Adding contact info to right side of header ssoszka Header configuration & styling 7 Jan 31, 2011 06:43 PM
adding contact info (with email link) to header area viewdesigninc Header configuration & styling 1 Nov 1, 2010 12:55 PM
Adding contact information to the header? Igor Header configuration & styling 2 Nov 5, 2009 03:27 PM


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


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