make header space smaller on all pages

Hi,

I would like to make the page header space smaller.  please see attached
space.jpg
42K

Comments

  • edited January 2016
    Hi

    For this add the below css code into 
    Appearance << Customizer << Header setting << custom  css box . 

    .page_mycarousel { height: 175px !important ; }
    .page_title_col { top: 52px !important; }

    Change height and top value as your need . 

    Let me know for further assistance . 

    Thanks 
    Akhilesh
  • Hi,

    Thanks for that.  I worked well.  I am also trying to make the heading smaller and can't seem to do this in the typography section.  Please advise.

    Also would like to remove the navigation in the footer area. 

    Thanks
  • Also is it possible to move the headings to the right of the page?
  • Hi

    For this add the below css code into 
    Appearance << Customizer << Header setting << custom  css box . 

    .hc_page_header_area h1 {    margin-left: 116px !important; }
    .hc_page_header_area {  width: 80% !important;; }

    Change css value as your need .

    Thanks 
    Akhilesh
  • thank you.

     I am also trying to make the heading smaller and can't seem to do this in the typography section.  Please advise.

    Also would like to remove the navigation in the footer area. 
  • HI 

    To  make heading smaller add the below css code into cusotm css box . 

    .hc_page_header_area h1 {    font-size: 38px; } 

    Thanks 
    Akhilesh
  • Hi 

    To remove footer menu add the below css code into cusotm css box . 

    .menu-footer-container {
        display: none !important;
    }

    Thanks 
  • thanks but it didn't seem to remove the bottom menu

  • Hey @johnarkle


    Try with this 

    .footer_menu_links{display:none!important;}

    Thanks
    Abhishek
  • all good.  thanks so much

    john
  • Glad to know that it works!


    if you have any other questions let me know 

    Happy to help you!

    closing this ticket 

    Thanks
    Abhishek
This discussion has been closed.