• Resolved jocha

    (@jocha)


    Hi! i just upload a new logo but i don′t know how to see it bigger. How can i make the Header bigger?

Viewing 9 replies - 1 through 9 (of 9 total)
  • Hey there jocha,

    Hope you’re well today!

    You should be able to increase the header with some custom CSS. Since you’re using custom logo size would you mind posting link to your site so I can take a look?

    Best regards,
    Bojan

    Thread Starter jocha

    (@jocha)

    Hi Bojan!! thank you very much for your post.
    The link of the site is
    https://arquifreire.tk/

    I hope you can help me!
    Regards,
    Jocha

    Hey there Jocha,

    Well first of all your logo has maximum height defined in the CSS which is the reason it is not displaying larger, to change that please try adding the following CSS code in the style.css file of your child theme or add it in your site using the following plugin:

    https://www.ads-software.com/plugins/simple-custom-css

    #sc_logo {
      max-height: inherit;
    }

    This part will increase the logo size, the following part should increase the header height so add that as well:

    .site-branding {
      height: 140px;
    }

    If for some reason the code doesn’t work please keep it added and let me know so I can check it out.

    Please let me know if this helps ??

    Best regards,
    Bojan

    Thread Starter jocha

    (@jocha)

    Hi Bojan! i really appreciate your help! thank your very much.
    New i have a higher header. The problem is solved

    Can i ask you something more?
    I want to put the menu at the header′s bottom. What code can i put?

    Regrads,
    Jocha

    Thread Starter jocha

    (@jocha)

    Sorry but i have an issue. I′ve checked the other pages and the header doesn′t let me see part of the content of the page

    Hey again jocha,

    I checked your site and I see what you mean there. To fix the header overlapping the content we can add some padding to the content area. Please try adding the following:

    .frontpage.page-content {
      padding-top: 60px;
    }
    
    .page-content {
      padding-top: 80px;
    }

    For moving navigation bottom you can add the following:

    nav#site-navigation {
      margin-top: 50px;
    }

    If you want to reposition it more you can play with the numeric value which will move it up/down.

    Hope this helps ??

    Cheers,
    Bojan

    Thread Starter jocha

    (@jocha)

    Hey Bojan,
    I′m very pleased to tell you that with the code lines that you gave me I could configure the site.
    Thank you very much.
    Should i mark this like resolved?

    Sure thing. Glad that helped ??

    Have a great day!

    Cheers,
    Bojan

    Thread Starter jocha

    (@jocha)

    Cheers,

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Header’ is closed to new replies.