[Becky]

Hi @Skandha,

Did you receive the email I sent? There are issues with the theme Catch Fullscreen Pro.
May I get some feedbacks from you soon?

[Becky]

Hello,

Can anyone help me with my issues :(?

[Becky]

Hi,

Please click the two screenshots below, so you can see the CSS I inserted, how the logo is shown, and what the problems are :

1. Logo SVG file : https://ibb.co/pZC2rDZ
2. Logo Jpeg file : https://ibb.co/jRLN6LB

FYI: I tried to use the same jpeg file for my current WordPress theme, it’s sharp and clear, but when I use the same image for your theme, it’s blurry 🙁

Please provide solutions, thanks!

[Becky]

Oh by the way, the logo image is a SVG file. Maybe that’s why?
If I don’t use a svg file, the image will be blurry. Or maybe you can suggest me something to deal with the blurry image?

[Becky]

If I removed the other codes I inserted, only keep the one you provided, the logo image is gone!

First of all, I Went to Site Identity > Upload a logo image > Untick “Display Site Title and Tagline” and preview = No logo shows up.

I went to Custom CSS and put the CSS code you mention = Still nothing shows up

[Becky]

Hi,

I tried to make a little modification to the CSS, the header image did move down, but there is actually another image under the header image, as you can see here: https://ibb.co/K6FktBL

.custom-header-content {
margin:30px auto;
padding:300px 120px !important;
}

If possible, I’d like to solve the issue today, thank you very much for your assistance.

[Becky]

Hi,

Thank you for your reply.

For centering the logo, there is still a problem.

Now I’ve put all these in my custom css section, including the one you suggest me to add :

.custom-logo-link img {
width:20%;
max-height:200px !important;
}

.custom-logo {
margin:-3px auto;
max-width:150px;
height:200px;
}

.site-branding {
width: 100%;
text-align: Center;
}

.site-logo {
width: 100%;
text-align: Center;
}

.site-branding {
position:absolute;
left:50%;
transform:translateX(-50%);
}

But now the front page looks like this – part of the logo image is covered by the header image : https://ibb.co/HBsX35r

Please let me know if I need to remove any css, or add more to be able to solve his.

I’d rather like to keep the size of logo like this, so maybe it’s possible to move the header image a bit down?

[Becky]

Hi,

After some endless tries, I finally managed to center the logo by using following CSS:

.custom-logo-link img {
width:20%;
max-height:200px !important;
}

.custom-logo {
margin:px auto;
max-width:150px;
height:200px;
}

.site-branding {
width: 100%;
text-align: Center;
}

.site-logo {
width: 100%;
text-align: Center;
}

However, the problem now is that the drop down menu and search box are far away from the top, which leaves too much white space – as you can see here : https://ibb.co/6vYdWSj

Is there any way to make the drop down menu and search box align with the logo?

Thanks!

[Becky]

Some more details about Question 1 :

Currently I’m putting the following into the custom CSS, so it looks like this :https://ibb.co/m85FB87

.site-logo-link > img, .custom-logo-link img {margin-left: 25%;
}

.custom-logo {
margin:20px auto;
max-width:250px;
height:300px;
}

But I don’t know how to make it center.

[Author]

Posts