Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • #25786

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

    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?


    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.




    So if this is my logo – – 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).



    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.




    You have the link in the previous comment –

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



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

Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘Changing the header a little’ is closed to new replies.