Custom logo in child theme

This topic contains 23 replies, has 8 voices, and was last updated by  Axle Themes 3 weeks ago.

Viewing 10 posts - 1 through 10 (of 24 total)
  • Author
    Posts
  • #490

    Vlad Brown
    Participant

    Team, please help

    How to add bigger logo in your theme? For ex. with width 500 and height 95. What code should I add to php files?

    Thank you in advance

    #493

    Axle Support
    Moderator

    Hello,

    Please add the below given CSS to

    Dashboard -> Appearance -> Customize -> Additional CSS

    .custom-logo-link {
    
    max-width: 150px;
      
    }

    You can customize the value of the width accordingly.

    Also after you increase the logo size the menu indentation might differ so, add the below given CSS too

    #main-nav {
        margin: 20px 0px;
    }

    Adjust the margin value, ( currently 20px ) according to your logo size and leave the second margin value ( currently 0px ) as it is.

    Hope you understand.
    Regards.

    #501

    Vlad Brown
    Participant

    Thank you for help!

    I have additional question: is it possible to delete all navigation tools, site title and tagline from menu?
    How to find in the code size of main menu? How to match logo size and menu in a smart way?

    #502

    Vlad Brown
    Participant

    After setting logo (200×80) I found out such problem. Could you please advise how to resolve an issue? before setting logo
    afer setting logo 200x80

    #503

    Axle Support
    Moderator

    Hello,

    We have found out that you have wrote some extra custom CSS and may also have altered the style.css file, which you are not supposed to as any change on the theme file directly will be lost after theme update, we recommend you to override it with custom CSS or child theme.

    Make sure you remove the CSS you wrote on the theme file directly or any other custom CSS that your wrote for Custom logo section and the CSS we provide earlier will work.

    Regards.

    #505

    Vlad Brown
    Participant

    Thank you! You were right, I had to change style.css.

    Is it possible to put logo 70 pxx left adding to

    .custom-logo-link {

    max-width: 150px;
    margin-left: -70px;
    }

    How to apply margin only to notebook view only? On the phone view it will work incorrectly.

    #512

    Axle Support
    Moderator

    Hello.
    Please add the below given CSS to
    Dashboard -> Appearance -> Customize -> Additional CSS

    @media only screen and (min-width: 767px){
    .site-branding {
        margin-left: -50px;
    }
    }

    Hope it helps.
    Regards.

    #513

    Vlad Brown
    Participant

    Yes, it helps. Thank you so much. After my first client I will make donation for you, guys.

    #529

    Axle Support
    Moderator

    Hello,
    Thank you for the appreciation.

    Also could you also help to rate our theme on wordpress.org repo at https://wordpress.org/support/theme/business-club/reviews/#new-post

    That would be great.
    Regards.

    #581

    DirkS
    Participant

    Hi, i try to do the same. But if i want to add my logo file i need to crop it to 95×95. What i’m doing wrong?

    Regards

Viewing 10 posts - 1 through 10 (of 24 total)

The topic ‘Custom logo in child theme’ is closed to new replies.