This topic has 6 replies, 3 voices, and was last updated 8 years, 10 months ago ago by Eva Kemp
The logo is much better but there is too much room in between the logo and the top of the page.
http://i1381.photobucket.com/albums/ah239/p2kwebdesign/Screen%20Shot%202015-05-13%20at%208.08.49%20PM_zps6zplfcak.png
Hello,
Sorry, but it very difficult to offer you right code without link to your site.
You can try to add this code in custom.css file
.header{
height: 120px;
}
Here is a video tutorial how to create custom.css: https://www.youtube.com/watch?v=Qok2zRedRMY&feature=youtu.be.
Regards,
Robert Hall.
Thanks for all the help but that didn’t seem to help.
I put them site online so I can get better help from you as always, the link is in the private.
The problems I am trying to fix:
1.The space between the top menu bar logo and the top of the page has to much space. I would like it where most of the space is eliminated.
2.The fixed header logo is getting stretched not sure if I need to resize the image and re-upload or if it’s a code I need to add.
3. I am working on the footer and copyright but when it’s there the white part at the bottom get pushed up so there is just a small strip of white in between the footer and the section above.
Hello,
1. Try to use this code in style.css of your child theme:
.navbar {
padding: 0px !important;
}
Also the reason of large space is your logo size. It’s big. Try to decrease it.
If you use child theme you need make changes in style.css of the child theme and not in custom.css file.
2. Use this code in style.css of the child theme:
.fixed-header-area .header-logo img {
width: 200px !important;
}
3. Add this code in style.css:
.content-page {
margin-bottom: 0px !important;
}
Regards,
Eva Kemp.
It did help the fixed menu putting the code i but I had to remove
.header-logo img {
max-width: 500px;
width: 400px;
}
to lose the space at the top of the menu. Is there another trick to make the logo bigger without adding space?
Also the white space at the bottom of the page did not go away with the code.
Thanks
James
Hello,
You can try to use this code for logo:
.header-logo img {
max-width: 500px;
width: 370px;
height: 170px;
}
To remove white space at the bottom try to add margin value 0px in the row settings of your last element:
http://storage2.static.itmages.com/i/15/0514/h_1431619293_6246553_3e20638adf.png
Regards,
Eva Kemp.
You must be logged in to reply to this topic.Log in/Sign up