[BlumenNatur]

Hello Catch Themes staff,

I used your Catch Fullscreen Theme for about a year by now. Afte the last update the theme seems to have a display issue.

A quick description of the website: A custom header image is added to the website, a scrolling content wheel on a second section is added. The third section is a widget part.

The problem is that the custom header image is too small. So the next section is bleeding through to the first section. The same problem is occuring with the third section.

Some Custom CSS is used on the website for custom designs but the problem presists after removing that.

Some help and ideas are very much appreciated.

Heres a screenshot of the problem: https://blumen-natur.de/wp-content/uploads/2020/11/Catch-Fullscreen-problem.jpeg

[Skandha]

@blumennatur: Hello there,
The Header Image seems to be cut on mobile phone because you are using the image size 1920*1076px.
Can you please try using the recommended image size of 1920*1080px?

Let me know if this solves your issue.
Kind Regards,
Skandha

[BlumenNatur]

Hello Skandha,

I changed the header image to the given ratio (1920×1080) and scaled the „featured sites slider“-images to a „WQHD“ ratio (2560×1440). But the resolution change didn’t fix the problem yet. It still displays the issue.

The issue also persists not just on the mobile page, but on the desktop page too. After removing the menu via the google chrome console it was visible on desktop too.

Still kind regards,
Michael.

[Skandha]

@blumennatur: Hello Michael,
This seems to be an issue with the theme which has been fixed and an update shall be released very soon. Thank you for reporting the issue.

Kind Regards,
Skandha

[BlumenNatur]

Hello Skandha,

thank you for the quick response. If the team needs any further information to fix the issue I can provide it.

Another small question: is there a way to hide the menu on my post pages after the person scrolled? I tried to implement it in a hacky way but it didn’t work like it should. The mobile version didn’t make it reappear when scrolled to back to the top.

Kind regards,
Michael

[Skandha]

@blumennatur: Hello Michael,
To hide menu on post pages after page scroll
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

.single-post #header-content.main-nav-scrolled {
    position: relative !important;
}

Let me know if this works out!
Kind Regards,
Skandha

[BlumenNatur]

Hello Skandha,

your CSS fix works! I tested it on my phone, tablet and desktop. That’s exacty how I wanted it to work.
And it’s simpler than what I did and much more reliable.

Some of my own custom CSS could probably be much more simplified but for the time being im satisfied with it.

After the update of the theme it’s perfect again 😀

Kind Regards,
Michael

[Author]

Posts