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 »

Fixed header that is responsive


  #1  
Old Nov 21, 2015, 12:42 PM
DanDan
 
41 posts · Aug 2010
I have created a fixed header by adding #header {position:fixed; z-index: 25;} to the
Add HTML/CSS Inserts but it is not responsive. I have tried editing the Style and Edit Header area by adding width: 100%; in several areas as will as adding the width to the #header entry but I can not get it to be responsive.

What am I missing?

Thanks,

Dan
  #2  
Old Nov 21, 2015, 01:16 PM
DanDan
 
41 posts · Aug 2010
Solved it, Under Style and Edit Header Area>Logo Image: Styling I added:

width: 100%; height: 100%;

I now have a fixed responsive header.
  #3  
Old Nov 21, 2015, 02:17 PM
DanDan
 
41 posts · Aug 2010
Actually that didn't work, when viewed on a cell phone it did not look good, I had to remove the height: 100%;
  #4  
Old Nov 21, 2015, 04:39 PM
juggledad's Avatar
juggledad
 
23,576 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
You might want to add some media specific CSS
__________________
"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
responsive background image, fixed footer gr870sfunk Center area post/pages 1 Mar 7, 2014 05:15 PM
[SOLVED] header position: fixed / slider showed on the top of the header Carme Header configuration & styling 4 May 18, 2013 09:52 AM
Fixed Position Layout with fixed center column? 49Monsters Center area post/pages 1 Nov 3, 2010 03:41 PM


All times are GMT -6. The time now is 05:12 AM.


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