Okay
  Public Ticket #2720391
Increasing the size of the Header
Closed

Comments

  • John Malley started the conversation

    Can  you point out where I can increase the height of the Header Layout?  Its fixed and I would like to increase the size of the logo.

  •  1,715
    Barry replied

    Hi John,

    Thank you for your message.

    You can increase the width of the logo under Appearance -> Custmize -> Logo & Favicon at the "Logo width" setting. Increasing this width will automatically increase the height of the header.

    If you would like to increase the header height separately you can add the following CSS code to Appearance -> Customize -> Additional CSS:

    /* Increase header height */
    .header_3 .header__position {
        height: 105px;
    }
    

    The 105px value can be increased to change the header height.

    Hope this helps.

    Best regards,
    Barry
    QreativeThemes.com  |  WordPress Themes

  • John Malley replied

    Hi Barry,

    Thank you for your instructions. They were fantastic.  My goal is to increase the size of the logo. This control limits you to a width of 300.  I can change to 500, it redraws the sample screen and makes the logo bigger, but then the page will reset back to 300.  Can this be changed?

    Thanks,


    John

    6148426351.png





  •  1,715
    Barry replied

    Hi John,

    Thank you for clarifying.

    For now the only way to make the logo bigger than 300px value is by using custom CSS. You can add the following CSS code to Appearance -> Customize -> Additional CSS for that:

    /* Increase desktop logo width */
    @media (min-width: 992px) {
        .logo__image img {
            width: 500px;
        }
    }
    

    We will increase the maximum width value of the logo width slider controls within the following theme update.

    Best regards,
    Barry
    QreativeThemes.com  |  WordPress Themes