[minal]

Hello @Jeroen:

Add the line shown below to your previous css that you added recently.

.menu-item-has-children>a::after,

It should work fine.

Sincerely,

Minal

[minal]

Hello @Jeroen:

Since you are using elementor, our theme includes Font Awesome version 6.7.2, which may not be fully supported by Elementor at this time. As a result, some icons might not display correctly when using Elementor widgets.

To resolve this issue, you can add the following CSS to your site: Go to Dashboard > Appearance > Customizer > Additional CSS.

Paste the provided CSS code into the Additional CSS field.

.font-awesome:before, 
#feature-slider .cycle-prev:before, 
.sidr .dropdown-toggle:after,
#feature-slider .cycle-next:before, 
#content-prev:before, 
#content-next:before, 
.posted-on a:before, 
.byline a:before, 
.cat-links span+a:before, 
.tags-links span+a:before, 
.comments-link a:before, 
#header-toggle:before, 
.edit-link a:before, 
.sidr .menu-item-has-children a:after, 
.sidr .page_item_has_children a:after {
  font-family: "FontAwesome" !important;
}

This should help ensure the icons display properly.

Sincerely,

Minal

[minal]

Hello @HansH:

We’re glad it worked for you!

Sincerely,
Minal

[minal]

Hello @HansH:

Try below CSS snippet.

.wp-block-post-title {
    text-transform: unset;
}

If this does not work, please share the site URL to check further and give you detailed solution.
Sincerely,
Minal

[minal]

Hello @Jerome:

We have tested Foodie World Pro with the latest PHP version 8.4 and confirmed its compatibility. Our current systems are running PHP 8.3, and throughout development and deployment, we have not encountered any compatibility issues or unexpected behavior.

Can you please check disabling the plugins one by one? It might be a plugin issue.

And also, please go through the link below, it might help you.

https://catchthemes.com/wordpress-tutorials/how-to-check-for-plugin-conflicts-with-our-themes/

Sincerely,

Minal

[minal]

Hello @Glen:

We verified the issue by creating topics, and everything appears to be fine.

Sincerely,
Minal

[minal]

Hello @Glen:

Thank you for the reminder. We are working on this.

Sincerely,
Minal

[minal]

Hello @Glen:

I apologize for any inconvenience you may have experienced. Our team is currently reviewing the issue and will notify you the theme update as soon as it’s resolved.

Sincerely,
Minal

[minal]

Hello @wrosso:

For the header media section, you can replace it with another image. See the attached screenshot below.

And about inner pages, you can use a featured image for the header banner. See the attached screenshot below.

If this is not working, please share your site URL for further assessment.

Sincerely,

Minal

[minal]

@catwingz:

We do not have an option to disable the page title.

If you would like to hide the word Home: Add the following additional CSS.

.home.wp-singular .singular-content-wrap .entry-header {
   display: none;
}

And regarding permitting changes to customizer options. Yeah, it might create confusion unless the owner has not changed anything other than the header title.

Sincerely,

Minal

[minal]

Hello @Glen:

Please update the themes to the latest version as soon as it becomes available. It should fix the issues for Catch Vogue Pro.

Sincerely,

Minal

[minal]

Hello @Glen:

The issue you’re experiencing appears to be primarily caused by the SiteOrigin plugin.

We have released an update addressing this. Kindly update the theme, and the issue should be resolved.

Sincerely,
Minal

[minal]

Hello @Glen:

I’m sorry for any inconvenience you’ve experienced. Our team is currently reviewing the issue regarding the image on top of the banner and will notify update as soon as it’s resolved.

Sincerely,

Minal

[minal]

Hello @Glen:

About the text from that post ends up overwriting the text for the News Feature.

There is an option for renaming the read more text. You can check on the read more text option whether is changed to test post or not.

Go to Dashboard > Appearance > Customizer > Theme Options > Excerpt options.

About the image is within the post, and it drops itself on top of the banner issue. It happens due to the siteOrigin plugin. It copied the first post image and added it to the Recent Posts Sub Heading. But if you want to fix that issues, you have to remove text from the Recent Posts Sub Heading.
Check the image below.

 

Sincerely,
Minal

[minal]

Hello @Glen:

Can you provide me with your site URL?

Sincerely,
Minal

[minal]

Hello @christian:

I’m sorry for any inconvenience you’ve experienced. Our team is currently reviewing the issue and will notify you as soon as it’s resolved.

Sincerely,
Minal

[minal]

Hello @catwingz:

In this theme, we have used two navigation HTML structures for desktop and mobile, allowing for mobile screen menu effects.

For the mobile screen, we have shown the mobile navigation having class name “mobile-menu” and a hamburger icon, and hidden the nav on desktop. We have a class ‘sidr’ for the mobile menu,

You can search “mobile-menu” and “sidr” in your style.css file.
For a quick example, we have a style for a mobile menu like below.

.sidr {
  display: block;
  position: fixed;
  top: 0;
  height: 100%;
  z-index: 999999;
  width: 260px;
  overflow-x: none;
  overflow-y: auto;
  font-size: 15px;
  background: #333;
  color: #fff;
  -webkit-box-shadow: inset 0 0 5px 5px #404040;
  -moz-box-shadow: inset 0 0 5px 5px #404040;
  box-shadow: inset 0 0 5px 5px #404040;
}

.sidr.left {
  left: -260px;
  right: auto;
}

And with the help of JS sidr is shown when hamburger icon is clicked.

If possible, could you share your site URL? So that I can give you a clearer view.

Please let me know if this worked. Thank you.

Sincerely,
Minal

[minal]

Hello @catwingz:

Since there is no option to alter the height but you can adjust the height via CSS.

@media screen and (min-width: 1024px) {
  .custom-header .fp-tableCell,
  .custom-header {
    height: 1000px !important;
  }
  .custom-header .fp-scroller {
    display: flex;
    height: 100vh;
    align-items: center;
  }
  .custom-header .fp-scrollable {
    height: 100% !important;
  }
}

You can adjust the height value to your desired one to “1000px”.

Note: This code only works on desktop.

Sincerely,

Minal

[minal]

Hello @catwingz:

To emulate the desired transition, it will be challenging to replicate the same code from the theme for mobile menus and hamburger because it might have a separate HTML structure, JS, and CSS from your site.

Sincerely,

Minal

[minal]

Hello @catwingz:

Unfortunately, the theme does not provide built-in options to change the background color or header height directly. However, you can achieve this by adding custom CSS.

Below is a CSS snippet you can use to change the background color of the header banner:

.custom-header:after {
     background: rgba(0, 0, 0, 0.1);
}

To add CSS , Go to Dashboard > Appearance > Customizer > Additional CSS.

You can modify the rgba value to your preferred color. The last value (0.1) controls the transparency  increasing it will make the background darker, while decreasing it will make it more transparent.

Regarding the header height, it is dynamically generated to ensure that the header image fits the window height. As a result, parts of the image may appear cropped.

Sincerely,
Minal

[Author]

Posts