Logo very small in header | PenciDesign Support

austyntm replied

6 years ago

Customer Reply

Ah man, thank you so much!

That's fantastic. :)

PenciDesign replied

6 years ago

Staff Reply

Hi,

Please try add more this code to Customize > Custom CSS to do that:

@media only screen and (max-width: 768px){
.main-nav-social, #navigation.header-6 #logo{ display: none; }
#top-search{ float: left; }
#navigation .button-menu-mobile{ float: right; }
}

Best Regards,

PenciDesign

austyntm replied

6 years ago

Customer Reply

Hi,

Hamburger on the right, search on the left and no socials on the menu on social. :)

Again, thank you so much for the help. :)

PenciDesign replied

6 years ago

Staff Reply

Hi,

So, on mobile navigation - you just want to display the hamburger icon on the right side?

Best Regards,

PenciDesign

austyntm replied

6 years ago

Customer Reply

This is what I'm looking for, see red for what I want to remove and blue for where I want the hamburger. :)

Thanks so much!

austyntm replied

6 years ago

Customer Reply

Ah yes, that's it!!! Thank you!!!

Any idea how can hide this logo on mobile, it looks so strange in the header on mobile.

Huge thanks for the first issue being fixed.

PenciDesign replied

6 years ago

Staff Reply

Hi,

Yeah, of course. Because the logo can't be display outside the main navigation

I think if you want to make it bigger, let's change the navigation height via Customize > Logo and Header Options > Custom Main Nav Height( minimum height 36px )

Best Regards,

PenciDesign

austyntm replied

6 years ago

Customer Reply

Hi,

I have added the CSS adviced, however, it only provides a tiny increase. Please look at the website with the login info provided. :)

You can test the CSS on your side,

Thanks :)

PenciDesign replied

6 years ago

Staff Reply

Hi,

Ahh, ok. If so please try add more this code to Customize > Custom CSS to make it bigger:

#navigation.header-6 #logo img, .is-sticky #navigation.header-6 #logo img{ padding: 2px 0; }

Best Regards,

PenciDesign

PenciDesign replied

6 years ago

Staff Reply

Hi,

As I can see on the image you sent - it seems the logo image has many white space around it ( on the image ). So you need to remove that white space and re-upload your logo image replace with the current logo image.

Also, have you buy 2 licenses for those 2 sites? Because with one license, you just can use for one website only.

Best Regards,

PenciDesign

austyntm replied

6 years ago

Customer Reply

Hello sir,

No, this is another website but it isn't visible to the public, that's why I provided the screenshot.

The menu is keeping the image tiny.

Please let me know how I can make the image bigger. :)

Thanks.

PenciDesign replied

6 years ago

Staff Reply

Hi,

Please show me your site URL to I can take it a look.

As I see on this site: https://zafricatours.com/ everything is fine.

Best Regards,

PenciDesign

austyntm started the conversation

6 years ago

Conversation Start

Hi,

In the header the logo is very small, is there anyway to make the logo bigger? I don't mind if it makes the whole header bigger.

When you scroll is goes tiny, I'm not sure what we can do to make that a bit better?

Thanks so much :)