Home Forums Free Themes Travel Eye Logo size

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #68718
    akituya
    Participant

    Hello!

    I have changed my logo recently and it has a round shape now (not rectangle anymore).
    I have followed the recommendation of the theme to make the image be 150×150 pixel. It is a png type, so I thought it would appear transparent as it does on photoshop, instead of this it appears with a white square background that goes a bit over the main pic on top of the home page and over the banner on other pages.

    I would like the logo itself to be bigger inside of the white background square and the white background to disappear so it would not seem that there is a problem. How can I do this?

    Not easy to explain, hope you understand what I mean!

    Thank you

    Vanessa

    #68750
    wensolutions
    Keymaster

    Hello @akituya,

    To remove the white background where the logo appears use below given CSS.

    For this go to Admin Panel > Appearance > Customize > Additional CSS and paste below given CSS.

    .custom-logo-link {
        background: none;  
    }

    Hope this helps.

    Best Regards!!

    #68799
    akituya
    Participant

    Awesome, thanks guys!

    WHen i try to make the logo bigger it actually goes over the menu and change the position of it. How could i make it bigger without changing anything else?

    Also as logo is square it makes the white banner above the image (where the menu is stated) quite big if we compare with the space that the menu takes, could we make the white banner not as big even if the logo goes over the image?

    Thanks πŸ™‚

    #68814
    wensolutions
    Keymaster

    Hello @akituya,

    Can you provide the site URL so that we can provide the precise fix on this?

    Thank you πŸ™‚ .

    Best Regards!!

    #69320
    akituya
    Participant

    Hi! sorry i did not see your answer before, sure it’s oztrotters.com πŸ™‚

    #69333
    wensolutions
    Keymaster

    Hello @akituya,

    The logo image currently used in your site is very small so we cannot increase the size more than that. So if you want to bigger logo size upload the logo image of bigger size.

    Hope this helps.

    Best Regards!!

    #69340
    akituya
    Participant

    Hi! yes i know but when i increase the size it makes the white banner with the menu get larger and goes over it, this is the reason why i did not increased the size. if i could increase the size of the logo without it to make change the appearance of the banner would be great πŸ™‚

    #69355
    wensolutions
    Keymaster

    Hello @akituya,

    Please upload the bigger image in the logo section and let us know so that we can see what we can do on this.

    Thank you πŸ™‚ .

    Best Regards!!

    #69374
    akituya
    Participant

    done!

    #69379
    wensolutions
    Keymaster

    Hello @akituya,

    We have managed the header section using custom CSS. So now add below given CSS by going to Admin Panel > Appearance > Customize > Additional CSS.

    #main-nav {
        margin-top: 125px;   
    }
    
    .site-header .container {
      padding-left: 0px;
        padding-right: 0px;
    }

    Hope this helps.

    Best regards!!

    #69384
    akituya
    Participant

    Did not work πŸ™

    #69409
    wensolutions
    Keymaster

    Hello @akituya,

    Please replace above-given CSS with the CSS given below:

    #main-nav {
       margin-top: 125px;  
    }
    .site-branding {
        max-width: 25%;
    }
    @media (max-width:800px;){
        .site-branding {
        margin: 0 auto;
    }
    }

    Also please make sure to add the CSS by going to Admin Panel > Appearance > Customize > Additional CSS.

    Hope this helps.

    Best Regards!!

Viewing 12 posts - 1 through 12 (of 12 total)
  • You must be logged in to reply to this topic.