The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Px and Positioning Help For Header/Banner

Go down

Solved Px and Positioning Help For Header/Banner

Post by Take Notes on Tue 31 May 2016 - 21:17

So I took this from one of Ange's themes and modified the colors. I was wondering if I could have it modified so it doesn't cover the forums and categories due to my header being around 900px.
Code:
#page-header {
  background:#63A59A;
  position:absolute;
  top:0;
  left:0;
  right:0;
}

#page-header .headerbar {
  background:none;
  margin:0;
  padding:30px 10px;
  min-height:65px;
}

#logo { padding:0 5px; }
#logo img { max-height:900px }

#site-title, #site-title h1 { padding-top:0 }
#logo-desc { padding-top:15px }

OR

Instead of the code could I please have code to make it look the same?


Last edited by Genesis on Thu 2 Jun 2016 - 0:49; edited 1 time in total
avatar
Take Notes
Helper
Helper

Male Posts : 2337
Reputation : 324
Language : English
Location : Forumountain

http://forumpromocean.com

Back to top Go down

Solved Re: Px and Positioning Help For Header/Banner

Post by Luffy on Tue 31 May 2016 - 21:25

Hey,

It looks just fine to me.. Think



avatar
Luffy
Manager
Manager

Male Posts : 5271
Reputation : 569
Language : Greek, English
Location : Greece

https://www.crossroadz.net

Back to top Go down

Solved Re: Px and Positioning Help For Header/Banner

Post by Take Notes on Tue 31 May 2016 - 22:55

I haven't added the code lol

avatar
Take Notes
Helper
Helper

Male Posts : 2337
Reputation : 324
Language : English
Location : Forumountain

http://forumpromocean.com

Back to top Go down

Solved Re: Px and Positioning Help For Header/Banner

Post by Luffy on Tue 31 May 2016 - 23:22

Is that going to be positioned as fixed?



avatar
Luffy
Manager
Manager

Male Posts : 5271
Reputation : 569
Language : Greek, English
Location : Greece

https://www.crossroadz.net

Back to top Go down

Solved Re: Px and Positioning Help For Header/Banner

Post by Ange Tuteur on Tue 31 May 2016 - 23:55

Hey,

The quickest solution would be to add a padding or margin to the wrapper that is equal or greater than your header's height. So something like this :
Code:
#wrap {
  padding-top:300px;
}
Increase or decrease the value of 300px until the content is visible.


An ideal solution would be to edit your overall_header template and separate the header from the wrapper. That way it's width wont be influenced by the forum width.
avatar
Ange Tuteur
Forumaster

Male Posts : 13194
Reputation : 2907
Language : EN10, FR5, JA5
Location : Macungie, PA

https://github.com/SethClydesdale

Back to top Go down

Solved Re: Px and Positioning Help For Header/Banner

Post by Take Notes on Wed 1 Jun 2016 - 0:10

Will this affect mobile badly?
avatar
Take Notes
Helper
Helper

Male Posts : 2337
Reputation : 324
Language : English
Location : Forumountain

http://forumpromocean.com

Back to top Go down

Solved Re: Px and Positioning Help For Header/Banner

Post by Ange Tuteur on Wed 1 Jun 2016 - 1:52

Well if the classic version of your forum is not optimized for mobile there may be some inconsistencies. There's really only one way to find out ; give it a test and if it's not to your liking remove the code. No harm done. Wink
avatar
Ange Tuteur
Forumaster

Male Posts : 13194
Reputation : 2907
Language : EN10, FR5, JA5
Location : Macungie, PA

https://github.com/SethClydesdale

Back to top Go down

Solved Re: Px and Positioning Help For Header/Banner

Post by Take Notes on Thu 2 Jun 2016 - 0:48

Solved, thanks Ange!
avatar
Take Notes
Helper
Helper

Male Posts : 2337
Reputation : 324
Language : English
Location : Forumountain

http://forumpromocean.com

Back to top Go down

Solved Re: Px and Positioning Help For Header/Banner

Post by APE on Thu 2 Jun 2016 - 1:09

Problem solved & topic archived.
Please read our forum rules:  ESF General Rules



avatar
APE
Manager
Manager

Male Posts : 11873
Reputation : 1174
Language : fluent in dork / mumbojumbo & English haha

http://chatworld.forumotion.co.uk/

Back to top Go down

Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum