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)?
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?)
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?
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,
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.
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)?
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.
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?)
Attached files: 2AC39813-A451-4C9E-9822-A2825C400370.jpeg
4B9C89DF-1061-45D7-8DD3-070AEC314487.jpeg
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.
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,
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.
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
Attached files: image.jpg
Hi,
Please go to Appearance → Customize → Custom CSS then add the following custom CSS code:
body {--pchd-mg: 56px;
}
Regards,
PenciDesign.
I’m sorry but last code did not apply any change
Hi,
Please modify the code like the following below:
#header {margin-bottom: 56px;
}
Regards,
PenciDesign.