How to increase the size of logo?

Shapely
1

Hi, I was just wondering how I could increase the size of my logo. I tried some methods that were mentioned in other threads but it either wouldn’t work or it would mess up the homepage menu on mobile view. So if anyone can help out that would be great.

Screenshot of logo currently: Screenshot - ace33b46a5f9914b0fcc27c1df13ad09 - Gyazo

2

Any help is greatly appreciated!

3

@movin, @laranz or anyone else if you can help that would be great. I’ve tried a bunch of methods nothing is working for me. I crop a bigger picture the logo gets smaller, I use some of the custom css in other threads and it either messes up the nav bar or doesn’t increase the size of the logo, and I tried testing other images and I still had issues.

4

Hi @tedret8,

Can you pass me the website address, so that I can check and help you.

Let us know,

Thanks,
laranz.

5

yes it is: http://www.tridentpromotions.com/

Thank you for taking the time to look at this!

6

Hi,

It can be done via Child theme, if you don’t have a child theme create one: Child Themes « WordPress Codex

After that add this in the functions.php

function logo_size_change(){
	remove_theme_support( 'custom-logo' );
	add_theme_support( 'custom-logo', array(
	    'height'      => 100,
	    'width'       => 400,
	    'flex-height' => true,
	    'flex-width'  => true,
	) );
}

add_action( 'after_setup_theme', 'logo_size_change', 11 );

Adjust the height and width according to your needs.

After that, add this Custom CSS in Appearance -> Customize -> Additional CSS,

.nav-bar .module, .nav-bar .module-group {
    height: 100px;
}

.logo {
    height: 100px;
    max-height: 100%;
    width: 400px;
}

Adjust the width and height according to the first line change.

Let us know,

Thanks,
laranz.

7

Hey @laranz,

Thank you so much for the help. The method yo provided me worked however now I’m having issues with the nav menu. First of all it’s not really lined up with the logo on computer view and secondly the menu on mobile view is completely messed up. Is there any way to fix this? Once again thanks for the help with the logo size issue.

8

Hi,

Can you send the screenshot about the issues?

Let us know,

Thanks,
laranz.

9

Hey thanks for the reply but I decided to create a new thread because I managed to fix some of the issues and now I have other issues so if you wouldn’t mind checking out this topic: https://colorlibsupport.com/t/how-do-i-fix-the-navigation-menu/

But what I need help with now is the extra white space in the navigation menu on mobile and tablet view. There is a large white space that when you open the hamburger menu, the white space gets filled up with the menu contents. However, when you close the hamburger menu the white space remains. Is there anyway to fix this?

Please take a look at my website on mobile or tablet view: www.tridentpromotions.com

Thank you

10

Hi,

Use this Custom CSS to fix that issue,

#site-navigation .module.left, .nav-bar .row > .module.left a{ height: 50px; }
#site-navigation .nav-open .module.left {
    height: 110px;
}

Let us know,

Thanks,
laranz.

11

Will these fixes work for my website too @laranz?

12

Hi @playalovesme,

Yes, it will work for Shapely theme. :slight_smile:

Let us know,

Thanks,
laranz.

13

@laranz

No. This did not work for me. Making these changes totally messes up the logo.

I uploaded a logo with 500 x 193 dimensions. using your code the site navigation space changes but the logo just gets stretched and distorted… even when putting in the exact dimensions of the logo.

Help please!

14

the screen shot didn’t upload on the last message.

my website is www.playaloves.me

15

I removed all changes as it was not working…

16

Hi may I have some help with this please? The logo is just too small on my website.

I had created the child theme and made the adjustments per your instructions @laranz but the logo always came out distorted y looked terrible.

Hope we can fix this soon!! Thanks!

17

Hi,

Did you add the code I mentioned to add on functions.php? It seems you miss that step? If that didn’t help, please pass me the WP Login details, I will help you to fix that on your website. :slight_smile:

Let us know,

Thanks,
laranz.

18

Hi @laranz,

Yes, I did do that step… adding the code to the functions.php created in the child theme. However, as the process didn’t work for me (perhaps I didn’t do something correctly), I deleted everything as I didn’t want unnecessary files and coding potentially affecting something else in the future.

19

@laranz,

Thanks for the help.

I created a temp user for you.

[email protected]
Password: 2pcNtT%37YpLFtr7Na^sGhYO

20

Hi,

Can you make it as a administrator account? It looks like this, http://take.ms/wx3IA can’t able to find anything to edit. Also, install the plugin named WPIDE, so that I can add code easily.

Let us know,

Thanks,
laranz.