Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Header configuration & styling (http://forum.bytesforall.com/forumdisplay.php?f=15)
-   -   Fixed header that is responsive (http://forum.bytesforall.com/showthread.php?t=23339)

DanDan Nov 21, 2015 12:42 PM

Fixed header that is responsive
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?



DanDan Nov 21, 2015 01:16 PM

Solved it, Under Style and Edit Header Area>Logo Image: Styling I added:

width: 100%; height: 100%;

I now have a fixed responsive header.

DanDan Nov 21, 2015 02:17 PM

Actually that didn't work, when viewed on a cell phone it did not look good, I had to remove the height: 100%;

juggledad Nov 21, 2015 04:39 PM

You might want to add some media specific CSS

All times are GMT -6. The time now is 07:17 AM.

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