Line under the header and other issues with the store

Hello, @proyectoswebit,

Thank you for contacting us and for using XStore.

1) Thank you for bringing the issue regarding the header separation to our attention. I’m pleased to inform you that we have successfully addressed the matter following the steps outlined below:

a)Navigate to XStore >> Theme Options
b)Select “Header Builder”
c)Choose “Bottom Header” after scrolling down
d)In the computed box, adjust the bottom border to 8px
e)Set the desired color for the border
By following these steps, you should now see the intended separation line under the header, aligning it with the reference website.

Please refer to the attached visual reference in the provided image link:https://imgur.com/a/5FyHINB

2) Thank you for reaching out to us with your query regarding the addition of tooltips for the header icons – specifically for “Account,” “Favorites,” and “Shopping Cart.”

After thorough investigation, I regret to inform you that our current theme does not offer an explicit option for tooltips associated with these header icons. However, we understand the importance of providing a seamless user experience and would like to offer an alternative solution.

To display the content associated with these icons as a dropdown, kindly follow these steps:

a)Navigate to XStore >> Theme Settings.
b)Click on “Header Builder.”
c)Locate the settings for the mentioned icons – “Account,” “Favorites,” and “Shopping Cart.”
d)In each respective icon setting, choose “Content Type” and set it to “DropDown.”
e)By following these steps, you will be able to showcase the relevant content associated with each icon in a dropdown format.

Please refer to the attached visual reference in the provided image link:https://imgur.com/a/emecjem

3) To make changes to the style of both the Mini Cart and Mini Wishlist dropdowns, kindly follow the steps below:

a)Navigate to XStore >> Theme Settings.
b)Click on “Header Builder.”
c)Locate the settings for the mentioned icons – “Cart” and “Wishlist.”
d)Specifically, look for settings related to the “Mini Cart” and “Mini Wishlist” dropdowns after scrolling.
e)Adjust the settings according to your preferences to achieve the desired visual changes.

Please refer to the attached visual reference in the provided image link:https://imgur.com/a/C1cdj57

These settings will allow you to customize the appearance of the Mini Cart and Mini Wishlist dropdowns after scrolling, ensuring they align seamlessly with your overall design aesthetic.

4) Please go to WP-Dashboard >> WooCommerce >> Settings >> Accounts & Privacy and check the yes option: “Allow customers to create an account during checkout” save changes and check back to your site after removing the browser cache: https://postimg.cc/7bt0FgS2

5) To address the space between the title and filters, please follow these steps

1)Navigate to XStore >> Theme Options >> Theme Custom CSS >> Global CSS.
2)Replicate the following CSS code into the designated location.

.shop-full-width.sidebar-mobile-off_canvas.content-page.products-hover-only-icons {
  padding-top: 0px !important;
} 

Please refer to the attached visual reference in the provided image link:https://imgur.com/a/iluQMXS

6) To ensure a smooth experience with Google Pay on your WordPress site, we recommend reviewing our comprehensive guide on ‘How to Accept Google Pay in WordPress.’ This article provides visual guidance for easy implementation.
Please refer to the attached visual reference in the provided Article link:https://www.wpbeginner.com/plugins/how-to-accept-google-pay-in-wordpress/

7) We would like to inquire about the method you used to enable the Content Delivery Network (CDN) for your website. The activation could have been implemented either through a specific plugin or directly from the server settings. Should you wish to deactivate the CDN, we recommend reaching out to your hosting provider for assistance.

Please refer to the attached visual reference in the provided image link:https://imgur.com/a/T0FIVlU

8) We are pleased to inform you that we have successfully addressed the issue you reported regarding the header overlap on the main home page when viewed on mobile devices.
Header section, specifically under “Header Overlap & Transparent” in the Mobile settings. We have enabled the appropriate option to ensure that the header remains positioned above the main slider consistently.

Please refer to the attached visual reference in the provided image link:https://imgur.com/a/8FLsGoC

Kind Regards,
8theme team

Hello, @proyectoswebit,

1) We hope this message finds you well. We are pleased to inform you that we have successfully addressed the issue you raised regarding the alignment of the orange line in the menu style when hovering over it, ensuring it is at the same height as the header separation line.
To achieve this, we have adjusted the Bottom Header Border Bottom Padding to 0px in the computed box. This modification ensures a consistent and visually cohesive appearance, creating a seamless transition between the header separation line and the orange line in the menu style.
For a clearer understanding, please refer to the image linked here:https://imgur.com/a/Oy40TG5

2)To remove the Google Pay option from the purchase process, you can follow these steps:

a)Navigate to your WooCommerce dashboard.
b)Go to “Settings” and select “Payments.”
c)Locate the “Stripe” option and disable it.
d)Save the settings.

For a clearer understanding, please refer to the image linked here:https://imgur.com/a/ROietHA

By turning off the Stripe option, you will eliminate the Google Pay button from the purchase process. If you encounter any issues or have further questions, feel free to reach out.

3)To modify the business name in the mobile menu section and hide the “more” section at the bottom, please follow these steps:

a)Navigate to XStore.
b)Go to Theme Settings.
c)Select Mobile Panel.
d)Choose the section whose name you want to change.
e)In the Custom Text block, input the desired text for that specific section.
f)If you wish to remove the section, you can do so in the same settings.

For a more detailed guide, please refer to the linked image: https://imgur.com/a/AFo2Dw0

Kind Regards,
8theme team

Hello, @proyectoswebit,

Thank you for your response.

1) To address the issue you mentioned—where the hamburger icon appears black instead of white, and scrolling does not reveal the hamburger menu or the search engine magnifying glass—follow these steps:

a)Navigate to XStore >> Theme Settings >> Header Builder >> Multiple Header.
b)Edit the specific Header that you are using.
c)Access the Sticky Header section and select the “Main Header Set Mobile Version.”
d)In the Style section, locate the background color setting and modify it according to your preference.

For a visual reference, click on the image link provided here:https://imgur.com/a/mOY7qXo

Once you’ve adjusted the background color of the main header on mobile devices, you should see the hamburger icon and the search icon displayed properly when scrolling.

This modification will ensure that the color of the mobile menu’s hamburger icon and search icon align with your desired appearance. If you encounter any further issues or have additional questions, feel free to reach out for further assistance.

2)Thank you for bringing the concern about the header separation line on mobile to our attention.

We are pleased to inform you that we have addressed this issue by making adjustments in the main header settings. Specifically, we have configured the mobile settings to include the main header border and have fine-tuned the padding to ensure the header separation line is now visible on mobile devices.

You should now observe the separation line as intended on your mobile view.

For a visual reference, click on the image link provided here:
https://imgur.com/a/hepoz3R
https://imgur.com/a/2zbYz1w

Kind Regards,
8theme team