Dawn Theme- Navigation bar padding and Logo size

[kirkcanada]

Can anyone help me with some issues that’s cropped up recently?

1. The padding below the Nav Bar had disappeared or been altered. I need to add more spacing.

2. I need to reduce the padding of the logo, I’m trying to make the logo bigger but not have not been able to do it so far.

https://bleswold.myshopify.com/

pw cheese

[Dan-From-Ryviu]

Hi @kirkcanada

Please remove this code in your base.css file to add spacing below your main menu

.header--has-menu:not(.header--middle-left) {
    padding-bottom: 0;
  }

Related to logo, you can cut off space around your logo to reduce the padding

[Transcy]

Hello @kirkcanada ,

You can try to follow these steps:

Go to Online Store → Themes → Actions → Edit code

Go to Assets folder → Base.css file or theme.css file

Add this following code at the bottom of page

.navigation-menu {
  margin-bottom: 20px;
}

.logo-element {
  width: 200px;
  height: auto;
}

Save and preview

Hope this can help.

Transcy

[kirkcanada]

Dan, do I change the amount where it says zero?

padding-bottom: 0

[kirkcanada]

Transcy,

I’m not sure why I’m not seeing any changes after pasting that code at the bottom of my base.css file

[Dan-From-Ryviu]

You must edit your logo using photoshop and remove space around your logo.

[kirkcanada]

Dan,
Thanks for that logo advice. I should have known that there was too much spacing around it.

I’m still trying to get the menu bottom padding adjusted.

[kirkcanada]

Dan,

I’ve tried this but i don’t see any changes on the page.

[kirkcanada]

This is how I am pasting the code in and I’m not seeing any changes

}.page-width.page-width–narrow.section-template–15943944012009__main-padding {

display: none;
}.navigation-menu {
margin-bottom: 20px;
}