Home Forums Arnold WordPress Theme Header height and logo width

This topic contains 3 replies, has 2 voices, and was last updated by  BWSM 4 months ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #14565

    vsenvw
    Participant

    Hi,

    I have two questions regarding the header height and logo width.
    We would like the header to be half of the original size of when we use the logo centered layout. How do we change this?
    Also, we would like our logo to fill the entire header, so completely from the left to the right of the screen (it is a very wide custom font text logo).

    Many thanks in advance,

    Vsenvw

    #14566

    BWSM
    Keymaster

    Hi,
    1. For the header height:
    Please try to paste the custom css code to “Appearance > Customize : Additional CSS”

    @media (min-width: 768px) {
    .navi-show-center .header-main {
        padding-bottom: 70px;  padding-top: 70px; }
    }

    2. Did you use the test logo? What’s you logo text is? What’s font you use?

    Regards!
    Bwsm – uiueux.comTwitterFacebook

    #14568

    vsenvw
    Participant

    https://beeimg.com/images/v49177810592.jpg (logo)
    https://beeimg.com/images/h90505017112.png (website overview)

    Thank you for the code, it worked perfectly. In the first attachment you will find our logo. We would like it to fill the entire top bar, with the stripe always extending to the far left and right of the screen. How can we do this?
    The stripe can of course be made longer (We can also make the resolution any way we like it).
    The second link is the way the website looks right now.

    Kind regards,

    Vsenvw

    #14574

    BWSM
    Keymaster

    Please use the image logo,
    paste the custom css code to “Appearance > Customize : Additional CSS”

    .navi-show-center .logo-image {
    width: 100%;max-width: 100%;max-height: none; height: auto;
    }
    .logo-a, #logo {
    display: block;
    }
    @media (min-width: 1200px){
    .header-main > .container { width: 100%; padding: 0!important;}
    }
    @media (min-width: 992px) {
    .header-main > .container { width: 100%; padding: 0!important;}
    }
    @media (min-width:768px) {
    .header-main > .container { width: 100%; padding: 0!important;}
    }

    ——————————–
    If it doesn’t work, please send your wp-admin(url/user/pass) and this post url via
    my profile contact form (you need login on ThemeForest), I’ll log in to check it.

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

You must be logged in to reply to this topic.