[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 6 months, 2 weeks ago by sujapati.
• This reply was modified 6 months, 2 weeks 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

[sujapati]

Hello Pikabon,

We have tested it on our end, and it worked perfectly on all-size desktop devices. The navigation menu is aligned to the right exclusively on mobile devices when the hamburger menu is activated. Could you please provide us with your URL so that we can directly investigate the issue on your site?

Kind Regards,
Sujapati

[sujapati]

@gainerwj: We’ve installed the mentioned plugin band checked from our end but unfortunately, have not been able to find a solution for this issue. We kindly advise reaching out directly to the plugin developer for further assistance

Kind Regards,
Sujapati

[sujapati]

@gainerwj: Could you kindly provide us with the name of the plugin you are using? This will enable us to conduct thorough testing on our end in more detail.

Kind Regards,
Sujapati

[sujapati]

@carlos: We’re pleased to hear that. If you encounter any other theme-related issues, please don’t hesitate to reach out.

[sujapati]

@carlos: Please disregard the previous CSS code as it is not the optimal solution, and kindly replace it with the following.

body:not(.home) .singular-section .post-thumbnail {
display: none;
}

 
<div>For the title HOME in front page, you can remove it by adding CSS  below:

</div>
<div>

</div>
<div>.home .site-content .content-area main .entry-header h1 {
display: none;
}</div>
<div>

</div>
<div></div>
<div>Regards,
Sujapati</div>

[sujapati]

Hello Empress

To modify the size of the hamburger menu overlay, kindly incorporate the following CSS code.

.wp-block-main-header .wp-block-navigation .wp-block-navigation__container {
	margin-left: 0;
}

@media screen and (min-width: 37.5em) {
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
		padding: 30px;
	}

	.wp-block-navigation__responsive-container-close {
		top: -41px;
	}

	.wp-block-navigation__responsive-container.is-menu-open {
		padding: 0;
	}

	.wp-block-navigation__responsive-container {
		bottom: auto;
		left: auto;
		width: 280px;
		padding: 0;
		position: absolute;
		top: 100%;
	}

	.has-modal-open .admin-bar .is-menu-open .wp-block-navigation__responsive-dialog {
		margin-top: 0;
	}

	.has-modal-open button.wp-block-navigation__responsive-container-open {
		opacity: 0;
		visibility: hidden;
	}

	.wp-block-navigation__responsive-container.is-menu-open {
		overflow: visible;
	}

	.has-modal-open .admin-bar .is-menu-open .wp-block-navigation__responsive-dialog {
		margin-top: 0;
	}
}

In regard to the header issue, we have thoroughly tested it on our theme and it performed optimally. Could you please specify the specific header element you are attempting to add that led to the error? Additionally, would you provide us the URL for further investigation?

Kind Regards,
Sujapati

[sujapati]

@carlos: Sorry for the inconvenience. This feature is only available in Pro version where you can disable it from Theme Customizer in just a click. So, I recommend you to upgrade to pro version. For free version, it will be bit technical  and you can disable that by building child theme or hide it using Custom CSS.

.single .post-thumbnail,
.page .post-thumbnail {
display: none;
}

Kind Regards,
Sujapati

[Author]

Posts