Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • July 5, 2013 at 7:47 am #25786
    bakbek

    Hi, I would like to make some changes to the header of the page.

    http://screencast.com/t/WYvmGhdHw

    I would like to remove the breadcrumbs area (red in the screenshot).

    I would like to narrow the height of the header (blue in the screenshot).

    I also don’t know why the logo I uploaded got smaller. It should be bigger (the image is bigger) but it shows smaller than it is and while scrolling down it disappears (I use a fixed header).

    Can you let me know how to make these changes?

    July 6, 2013 at 9:02 pm #128194
    Devin

    Hi bakbek,

    Any page can have the header removed by going to the Layout meta box and then choose that option from the Header option.

    To reduce the height of the header, Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:

    #header_main .container,
    
#top .main_menu .menu li > a {
    
height: 44px !important;
    
line-height: 44px !important;
    
}
    
.fixed_header #main {
    
padding-top: 44px !important;
    
}

    The logo is constrained by its overall width to height ratio. So the width will constrain to the height. You will see the logo shrink even more with the above css change as well.

    Regards,

    Devin

    July 7, 2013 at 10:06 am #128195
    bakbek

    So if this is my logo – http://www.polytown.com/wordpress/wp-content/uploads/2013/07/logo-polytown-media.png – what should I do so it will work with the fixed header and will also show while scrolling (as it is right now it disappears when scrolling starts).

    July 8, 2013 at 6:10 am #128196
    Ismael

    Hi,

    Can you give us a link to your website?

    I tried Devin’s code on my end but it doesn’t hide the logo when the scroll starts.

    Regards,

    Ismael

    July 8, 2013 at 7:46 am #128197
    bakbek

    You have the link in the previous comment – http://www.polytown.com/wordpress/.

    I don’t want to hide the logo when scrolling starts. I want it to keep showing.

    Thanks.

    July 9, 2013 at 7:38 pm #128198
    Devin

    In the theme options>Header you need to select one of the fixed header options.

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Changing the header a little’ is closed to new replies.