Return to previous page

Meet Problem When Editing Header of the Website

This topic has 22 replies, 3 voices, and was last updated 1 years, 7 months ago ago by Rose Tyler

M Project

Participant

August 23, 2023 at 06:41

Hi, I meet problems when editing the header of my website, which are

1. The background bar of the Promo Text at the Top Header cannot be full, but I want it to be full at the top

2. The gap between the Main Header and Bottom Header is so big. I want the gap to be small.

Can you help me to solve the problems?

Please, contact administrator
for this information.

#365328 Copied Theme version: 9.1.12

21 Answers

Tony Rodriguez

Support staff

August 23, 2023 at 08:19

Hello, @M Project,

Thank you for choosing XStore as your WooCommerce WordPress theme.

1. We are pleased to inform you that your issue has been resolved. We kindly request you to revisit your site after clearing your browser cache. We have activated the Full-Width Header under the path: Xstore > Theme Options > Header Builder > Multiple Header for front page > Top Header. This action has successfully addressed your concern.

Please refer to the attached image for your convenience. https://imgur.com/d8bzyIz

2. We are pleased to inform you that the issue you reported has been successfully resolved. We kindly request you revisit your site after clearing your browser cache.

The resolution involved editing multiple headers on the front page, specifically, we adjusted the main header settings within the Computed Box. The margin-bottom has been set to 0px, which has effectively addressed your concern.

Please refer to the attached image for your convenience. https://imgur.com/RvYpTIW , https://imgur.com/3z4inDf , https://imgur.com/iAWmY7i

We appreciate your patience and understanding during this process.

Best Regards,
Team 8Theme

#365338 Copied

M Project

Participant

August 23, 2023 at 09:46

Thank you for the help. Also, can you help me to adjust of the Promo Text for the mobile view? Because I realize that people can’t read the full text.

#365355 Copied

Tony Rodriguez

Support staff

August 23, 2023 at 10:17

Hello, @M Project,

We are pleased to inform you that the issue you reported has been successfully resolved. We kindly request you to revisit your site after clearing the cache of your mobile browser. The resolution was achieved by adding CSS code under the following path: XStore > Theme Options > Theme Custom CSS > Global CSS.

For your convenience, we have attached an image for your reference. https://imgur.com/pmKkU5G , https://postimg.cc/PLwstFpj

Best Regards,
8Theme’s Team

#365373 Copied

M Project

Participant

August 23, 2023 at 11:12

But still can’t read the full text

#365388 Copied

Rose Tyler

Support staff

August 23, 2023 at 12:47

Hello, @M Project,

We appreciate your prompt response.

Please describe the desired result in more detail. Should we reduce font size for mobile view?

Best Regards,
8Theme’s Team

#365406 Copied
Rose Tyler

Support staff

August 23, 2023 at 15:18
Hello, @M Project,

We appreciate your inquiry and would like to present you with a few options at this time:
1/ You can decrease the font-size for Promo text element on mobile devices with next custom CSS added to Theme Options → Custom CSS → Mobile

.et_promo_text_carousel { font-size: 8px; }

2/ You can remove Promo text element from mobile header area and put on of HTML Blocks instead. In the HTML Block you can choose Static block with the content of marquee html tag → https://www.tutorialspoint.com/html/html_marquees.htm . For example:
2.1/ https://prnt.sc/NiwY6x1db63i (Create new Static block)
2.2/ https://prnt.sc/2haydq3iQJ_3 (Put the html content of Marquee text)
2.3/ https://prnt.sc/oQPn3BusyJhQ (Place HTML block instead of Promo text in mobile header area + choose Marquee contained static block)
2.4/ https://gyazo.com/8147be469a4b45c931e4f86dd40e13fb (Result of replacement)

We hope this information is helpful.

Best Regards,
8Theme’s Team
#365452 Copied
M Project

Participant

August 24, 2023 at 07:51

Hi, can you help me check and solve why at the Checkout page, the header menu is blocking the section for customers to insert coupons?

Also for the Cart page, the gap between the content and Header has no gap.

Thank you.

#365498 Copied

Tony Rodriguez

Support staff

August 24, 2023 at 08:58

Hello, @M Project,

We have conducted a thorough review of your website and found that it is functioning correctly in customizer mode. However, we have noticed an issue appearing on the site’s front end.

For your reference, we have attached screenshots of both the customizer mode and the on-site front end.

Customizer mode: https://imgur.com/oQ7YbGq, https://imgur.com/wlzHgcQ
On-site front end: https://imgur.com/uC1udEb , https://imgur.com/n3Xwgys

We recommend that you temporarily disable any caching (CDN) and cache plugins, flush the server cache completely, and clear the browser cache before checking again.

If you can see the changes in the Customizer but not on the page front, it is likely a cache issue. If it is functioning correctly in the Customizer, it should also be functioning on the front end.

We trust that this will resolve the issue you are experiencing.

Should you have any further questions or concerns, please do not hesitate to contact us. Our support team is always ready and available to assist you.

Best Regards,
8Theme’s Team.

#365506 Copied

M Project

Participant

August 24, 2023 at 09:03

Hi, but I don’t use any caching plugin on the website. May I know will it have another method to solve the problem?

#365510 Copied

M Project

Participant

August 24, 2023 at 09:27

Also, For the Shop page in mobile view, is it possible to show products one by one? Now is showing 2 products in a row.

#365513 Copied
Tony Rodriguez

Support staff

August 24, 2023 at 09:39
Hello, @M Project,

Also, For the Shop page in mobile view, is it possible to show products one by one? Now is showing 2 products in a row.

To achieve this, you can insert the following CSS code into XStore >> Theme Options >> Theme Custom CSS >> Global CSS. Afterward, please ensure to clear your browser cache to see the changes:

@media only screen and (max-width: 500px){ .products-grid .product { width: 100% !important; } }

We trust this will address your concern.

Best Regards,
8Theme’s Team
#365515 Copied
Rose Tyler

Support staff

August 24, 2023 at 09:47

Hello, @M Project,

Please turn off the header overlap by going to Theme Options > Header Builder > Header Overlap & Transparency.

Best Regards,
8Theme’s Team.

#365518 Copied

M Project

Participant

August 25, 2023 at 05:47

Hi, for the products page, can I just show specific products to have a New icon at the upper right corner but not all the products?

#365606 Copied

Tony Rodriguez

Support staff

August 25, 2023 at 06:55

Hello, @M Project,

We regret to inform you that our theme does not currently support the feature to display the ‘New’ badge on specific products only. However, we recommend using the Yith WooCommerce Badge Management plugin on your site. This plugin offers the functionality you require. You can access it via the following link: https://yithemes.com/themes/plugins/yith-woocommerce-badge-management/

For further clarification, please refer to this screenshot: https://postimg.cc/z3SBswRm

Best Regards,
8Theme’s Team

#365614 Copied

M Project

Participant

August 25, 2023 at 09:49

After I try to make purchase on the website, but both customer and admin email don’t receive email for the order.

#365652 Copied

Tony Rodriguez

Support staff

August 25, 2023 at 09:58

Hello, @M Project,

If you’re experiencing issues with the new order email not being sent from the checkout page in WooCommerce, there are a few troubleshooting steps you can follow:

1. Verify email settings in WooCommerce: Go to WooCommerce > Settings > Emails and ensure that the “New Order” email notification is enabled. If it’s not enabled, check the box to enable it and save the changes.

2. Check your spam folder: Sometimes, emails can end up in the spam folder of your email provider. Check your spam folder to see if the new order emails are being delivered there.

3. Test your email configuration: In the WooCommerce email settings, there is an option to send a test email. Use this feature to send a test email to your email address and verify if it is received. If the test email is received successfully, it indicates that the email configuration is correct.

4. Use a plugin for email delivery: Consider using a plugin like WP Mail SMTP to handle email delivery. This plugin allows you to configure your WordPress site to use an SMTP server for sending emails, which can help improve email deliverability.

5. Check with your hosting provider: Contact your hosting provider and inquire if there are any email-related restrictions or issues on the server that could be causing the problem. They might be able to provide insights or assistance in resolving the email-sending issue.

6. Review server logs: If you have access to server logs, check them for any error messages related to email sending. These logs can provide valuable information about the cause of the problem.

7. Update WooCommerce and plugins: Ensure that you are using the latest version of WooCommerce and all related plugins. Outdated versions can sometimes cause compatibility issues leading to email-sending problems.

If the issue persists after following these steps, it might be beneficial to seek assistance from WooCommerce support to help diagnose and resolve the problem more effectively.

Best Regards,
8Themes Team.

#365657 Copied

M Project

Participant

August 28, 2023 at 03:48

I still have a problem with the WooCommerce order email. How can I seek assistance from WooCommerce support? Because the plugin is come with the theme

#365838 Copied

M Project

Participant

August 28, 2023 at 03:57

Also, I have deactivated all the related plugins with Woocommerce and tried to make the purchase again, but I still can’t receive the order email.

#365839 Copied

Tony Rodriguez

Support staff

August 28, 2023 at 06:01

Hello, @M Project,

We regret any inconvenience you may have experienced. However, we would like to clarify that the issue you are encountering is not related to our theme. Order emails are managed by WooCommerce, hence, it would be appropriate for WooCommerce to investigate this matter.

We strongly recommend that you reach out to WooCommerce’s support team for assistance. You can contact them via the following link: https://wordpress.org/support/plugin/woocommerce/

Best Regards,
8Theme’s Team

#365849 Copied

M Project

Participant

August 29, 2023 at 11:18

Hi, I have found out that not only Woocommerce email I can’t receive but also the contact email from Contact Us, which I am using Contact Form 7

#365999 Copied

Rose Tyler

Support staff

August 29, 2023 at 11:57

Hello, M Project,

In this case, you need to contact your hosting provider and check this problem from the server side.

Kind Regards,
8theme team

#366007 Copied
Tagged: editing header problems, fixing woocommerce header, website troubleshooting, woocommerce website solutions, wordpress header issues, wordpress woocommerce templates
Viewing 22 results - 1 through 22 (of 22 total)