How can I get the logo made a little smaller here but only here on the front page??

Public Ticket #27387

How can I get the logo made a little smaller here but only here on the front page??

Conversation thread

PenciDesign Supporter replied

2 years ago

Staff Reply

Hi,

If you want to customize for all pages, please modify this CSS:

.penci-header-wrap {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}
#navigation-sticky-wrapper {
  order: 2;
}
#header {
  order: 1;
  margin-bottom: 0;
}
.inner-header #logo img {
  max-height: 60px;
  width: auto;
}

Regards,
PenciDesign.

René replied

2 years ago

Customer Reply

What about all my other questions?? Won't you just answer them too?

and why only on the front page

I have to have the menu down on all pages

PenciDesign Supporter replied

2 years ago

Staff Reply

Hi,

The code I sent only working on the front page.

Regards,
PenciDesign.

René replied

2 years ago

Customer Reply

it only works on the front right??

it must work on all sides

it only works on the side right??
it must work on all pages and it must be centered after the logo

the search button must be removed

And logo one became much smaller

PenciDesign Supporter replied

2 years ago

Staff Reply

Hi,

Please navigate to Appearance → Customize → Custom CSS, and then insert the following custom CSS code:

body.home .penci-header-wrap {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}
body.home #navigation-sticky-wrapper {
  order: 2;
}
body.home #header {
  order: 1;
  margin-bottom: 0;
}
body.home .inner-header #logo img {
  max-height: 60px;
  width: auto;
}

Regards,
PenciDesign.

Want to join this conversation or access attachments? Sign in first.