Header Help?

2 posts from 2 voices

• Started 9 months ago by jwcrash
• Latest reply from Ismael
• This topic is not a support question

Tags:

No tags yet.

1. 

   jwcrash
   Member

   I have a couple of small tweaks I'd like to make to the header and hope it's an easy as I imagine it to be.

   1. How would I center the logo image if it's 600px wide? I thought the following would work in the quick style area but no luck:

   .logo, .logo a {
   left: 50%;
   margin-left: -300px;
   {

   2. I'd also like to add a pair of images justified to the right of the header space with links (social media icons basically where the search box is now (which I've hidden).

   Thanks if anyone can help!

   Posted 9 months ago #
2. 

   Ismael
   Moderator

   Hi,

   You can move the logo position by altering the .logo padding, like this

   div .logo {
   padding: 20px 0 13px 300px;
   min-height: 100px;
   }

   Adjust the left padding, that is the 300px value.

   If you want to create a new div or insert images on your header, open header.php and place the codes BELOW this line.

   <div class='container' id='menu_container'>

   You can create something like this.

   <div id="new-div">
   							<img src="imagesource" >
   						</div>

   Just position #new-div absolute and adjust values as you see fit.

   Regards,
   Ismael

   Posted 9 months ago #

RSS feed for this topic

Reply

You must log in to post.