Viewing 3 replies - 1 through 3 (of 3 total)
  • gavpedz

    (@gavpedz)

    You could try something like this, by adding it to custom css in the customizer. Change the 500px to a size you want.

    .navbar-brand>img {
    max-width: 500px;
    height: auto;
    }

    Hi @thecustompainting ,

    I visited your theme’s documentation page. I didn’t find any documentation. Just marketing. That’s not a good sign. Therefore, I doubt they have a setting for you to customise your logo size.

    Next, I inspected your website logo code and CSS. Here’s what I think will work. Please see my comments in the code snippet.

    
    /* Let's make the nav-brand space larger. The image is already at 800 x 148 px, 
       so we don't need to mess with the img class. */
    
    .navbar-brand {
    
        /* Override the current side padding so the larger logo stays centered. Change top/bottom padding to % to be more responsive. */
        padding: 2% 0 !important; 
    
        /* The original CSS has no width specified, so the logo is capped by the width of its container. */
        width: 325px; /* Tweak as needed. I wouldn't go wider than 325px so it can still fit on a Samsung Galaxy. */
    
    }
    
    

    Add your custom CSS to Appearance > Customize > Additional CSS.

    Happy coding!

    Thread Starter thecustompainting

    (@thecustompainting)

    God will help you guys. I’ts working now. Thanks.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How to increase the image logo of my website?’ is closed to new replies.