Logo sizes | PenciDesign Support

PenciDesign Supporter replied

3 years ago

Staff Reply

Hi,

Please modify the code like the following below:

#header {
  margin-bottom: 56px;
}

Regards,
PenciDesign.

pirasfilippo replied

3 years ago

Customer Reply

I’m sorry but last code did not apply any change

PenciDesign Supporter replied

3 years ago

Staff Reply

Hi,

Please go to Appearance → Customize → Custom CSS then add the following custom CSS code:

body {
    --pchd-mg: 56px;
}

Regards,
PenciDesign.

pirasfilippo replied

3 years ago

Customer Reply

thanks, now it’s perfect .

could you tell me a code ore a way to eliminate this white stripe between the header and the posts : you can see in the attachment

PenciDesign Supporter replied

3 years ago

Staff Reply

Hi,

1. Please go to Appearance → Customize → Custom CSS then add the following custom CSS code:

#header .inner-header .container {
  padding: 0;
  width: 100%;
}

2. You should upload the high-resolution image that you have, WordPress and Soledad will auto-resize to fit the layout.

Regards,
PenciDesign.

pirasfilippo replied

3 years ago

Customer Reply

thanks, it's definitely improved. unfortunately, in the web version there are two side whitespaces left and the image is a bit stretched vertically. Can this be fixed? what can I do about it?
in the mobile version what format should I use to optimize the logo? what size in pixels?

thanks in advance,

PenciDesign Supporter replied

3 years ago

Staff Reply

Hi,

Please try to add the following CSS code to your site:

@media only screen and (max-width:479px) {
    .inner-header #logo img {
        width: 100%;
        height: auto;
    }
    .inner-header {
        padding: 0;
    }
}
#sidebar-nav-logo {
  padding: 0 0 30px;
  margin: -30px -20px 30px -20px;
}

Clear all the site caches then check again.

Regards,
PenciDesign.

pirasfilippo replied

3 years ago

Customer Reply

thanks for uour answer, unfortunately I still have problems:

as you see in the attached image, the logo does not take up all the space .
Two white side stripes remain.
Also in the mobile version,in the second image,you can read the logo and it appears too small.

may I know the dimensions in pixels, optimal, for creating the logo :

- desktop version (what size in pixels?)
- mobile version (what size in pixels?)

PenciDesign Supporter replied

3 years ago

Staff Reply

Hi,

Please go to Appearance → Customize → Custom CSS then add the following custom CSS code:

  @media only screen and (min-width: 1170px) {
      .inner-header #logo img {
          width: 100%;
          height: auto;
      }
  }

Regards,
PenciDesign.

pirasfilippo replied

3 years ago

Customer Reply

yeah, I did it.

the problem is that the logo is never covering the full space.

always remain empty borders or , worse, the logo turns out to be shrunken and occupies only part of the top banner .
I would like , obviously, to cover all the available space .
what size should I use in pixels to optimize the two logos(web and mobile)?

PenciDesign Supporter replied

3 years ago

Staff Reply

Hi,

You can change the logo size for each device by going to Appearance > Customize > Logo & Header > Logo: upload and change the logo in this section.

Regards,
PenciDesign.

pirasfilippo started the conversation

3 years ago

Conversation Start

I have problem with the logos .

I would like to know the perfect logo sizes for the web and the mobile version.

thanks in advance,