[sujapati]

@Anon: Could you please provide us with your website URL so we can conduct a thorough inspection? This will allow us to deliver the tailored JS an CSS code required for your project.

Regards,
Sujapati

[sujapati]

Hello Anon,

The sticky header with the shrink animation you desire for your site cannot be implemented using only CSS. It also requires JavaScript.

Regards,
Sujapati

[sujapati]

Hello Cindy,

Thanks for reaching out to us. We have conducted thorough testing on our server and did not observe any image shifting problems on a new page. Additionally, the link you provided appears to be functioning correctly without any issues as you have mentioned. Could you please share the link to the specific page where you encountered the problem?

Regards,
Sujapati

[sujapati]

Hello Gama,

Sorry to hear about the issues. We are using PHP8 on our server and there is no issue with the theme. Can you check for an error log or contact your hosting server to find out which code has an issue? Sometime, it might be the server and WordPress configuration issue.

Regards,
Sujapati

[sujapati]

Hello bjophd,

Thank you for the query.  After careful review,  the issue you’ve mentioned appears not to be related to the theme.  However, would you please refer to this link we’ve found on Google it my help.

https://muffingroup.com/blog/facebook-link-thumbnail-not-working/#:~:text=Why%20is%20my%20Facebook%20link,to%20refresh%20the%20link%20preview.

Kind Regards

 

[sujapati]

@igorvera: While testing your theme, we discovered that you’ve given negative margin top through the Elementor plugin that has hidden the menu on devices with resolutions below 1024px.  You can see the screenshot below for reference.

To resolve this issue, please remove the margin you’ve given for iPad devices.

Kind Regards,
Sujapati

• This reply was modified 1 year, 3 months ago by sujapati.
• This reply was modified 1 year, 3 months ago by sujapati.

[sujapati]

@panoramicdove: We apologize for the inconvenience. The issue with the provided CSS not functioning as expected may be due to it being overridden by the theme’s CSS. Please try adding the following CSS:

.portfolio-section .wp-block-column:hover figure img,
.wp-block-post-featured-image:hover img {
    filter: none!important;
    transform: none!important;
}
figure.wp-block-post-featured-image:hover:before {
    animation: none!important;
}

If the problem persists, kindly provide us with your site URL so we can further investigate.

Kind Regards,
Sujapati

 

[sujapati]

Hello Igorvera,

Thank you for choosing our theme. We greatly admire your proactive approach to building and customizing it independently. Regarding your query, we’ve checked on our server and everything is functioning perfectly. Could you please provide your URL so we can investigate?

Kind Regards,
Sujapati

[sujapati]

Hello Panoramicdove,

You can disable mouseover effects by adding CSS below:

.portfolio-section .wp-block-column:hover figure img,
.wp-block-post-featured-image:hover img {
    filter: none;
    transform: none;
}
figure.wp-block-post-featured-image:hover:before {
    animation: none;
}

Regarding your second query, currently, there is no built-in-functionality to display captions on featured images. However, you can utilize the Image Block, which allows you to add captions as needed.

Kind Regards,
Sujapati

[sujapati]

Hello Gregor,

If you wish to use the Elementor Page Builder and customize specific elements with your own CSS values, please utilize the responsive tabs as demonstrated above. For global styles, you can navigate to the icon and site settings to add values that include responsiveness.

Incase you decide to build your site from scratch without a page builder, our theme is inherently responsive. However, if you add additional CSS for desktop views, ensure you also include CSS for different screen sizes.

Thanks
Sujapati

• This reply was modified 1 year, 4 months ago by sujapati.
• This reply was modified 1 year, 4 months ago by sujapati.

[sujapati]

Hello Gregor,

It appears that you have used the Elementor plugin to build this theme. Custom values have been set for the container and other elements, which are being applied uniformly across all devices. To ensure optimal display across different devices, you will need to adjust these values according to your specific requirements. Please refer to the attached screenshot for further details.

Kind Regards.
Sujapati

[sujapati]

Hello Gregor,

Our themes are fully responsive and compatible with all browsers and devices. We kindly request the URL of your site so we can conduct the necessary tests.

Kind Regards,
Sujapati

[sujapati]

Hello Hydedm7,

Could you kindly provide us with the options you enabled in the Customizer to change the header image? It would be helpful if you could include screenshots. Additionally, please share the URL of your website so that we could inspect on your end.

Kind Regards
Sujapati

[sujapati]

Hello Hydedm7,

We have verified on our server that the header media changes are reflected on both desktop and mobile devices. Could you please ensure that you have cleared the cache on your mobile device?

Regards
Sujapati

[sujapati]

@spiros: Could you please provide us with the URL of your site? We need to review it directly to investigate further.

[sujapati]

@pikabon: I have reviewed your site and identified the CSS that is causing the issue.

Please remove the existing CSS code and replace it with the code provided below.

@media screen and (min-width: 75em) {
	body .wp-block-main-header .wp-block-navigation {
		width: 60%;
	}
	body .wp-header-right, body .wp-block-group.wp-site-logo {
		width: 20%;
	}
}

In this new code, I have increased the width of the menu and slightly decreased the width of the left and right elements to better meet your site’s requirements.

Regards,
Sujapati

[sujapati]

@spiros: Could you please provide us with your URL so that we can directly investigate the issue on your site?

[sujapati]

@spiros: Sorry for the difficulty. You can increase both menu and submenu font size by adding CSS below:

@media screen and (max-width: 64em) {
	.main-navigation ul a,
	.main-navigation ul ul a{
		font-size: 20px
	}
}

Kind Regards,
Sujapati

[sujapati]

Hello Tammatha,

We have included popular Google Fonts in the theme which you can change it from “Appearance => Customize => Theme Options => Font Family Options”.

If your desired font is not there then let us know the name of the font and we will add that in theme update.

If you want to add Google Font by yourself then you can do that using Google Font plugins which you can check at https://wordpress.org/plugins/search/Google+Font/

Kind Regards,
Sujapati

[sujapati]

Hello Spiros,

Certainly, you can achieve this by adding the following CSS to your site

@media screen and (max-width: 64em) {
	.main-navigation ul a {
		font-size: 20px
	}
}

Please adjust the font size as needed to suit your site’s requirements.

Kind Regards,
Sujapati

[Author]

Posts