How do you remove the space in between the logo and the top of the page?

This topic has 6 replies, 3 voices, and was last updated 8 years, 10 months ago ago by Eva Kemp

  • Avatar: pro2know
    pro2know
    Participant
    May 14, 2015 at 02:17

    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

    5 Answers
    Avatar: Robert Hall
    Robert Hall
    Support staff
    May 14, 2015 at 07:47

    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.

    Avatar: pro2know
    pro2know
    Participant
    May 14, 2015 at 14:44

    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.

    Please, contact administrator
    for this information.
    Avatar: Eva
    Eva Kemp
    Support staff
    May 14, 2015 at 15:38

    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.

    Avatar: pro2know
    pro2know
    Participant
    May 14, 2015 at 15:49

    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

    Avatar: Eva
    Eva Kemp
    Support staff
    May 14, 2015 at 17:02

    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.

  • Viewing 6 results - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.