White space Header Problem in theme for no reason

This topic has 19 replies, 2 voices, and was last updated 2 days, 10 hours ago ago by Luca Rossi

  • Avatar: Aya Mohamed
    Aya Mohamed
    Participant
    March 15, 2025 at 23:47

    There is a problem causing the header not display well
    Check attachments

    Files is visible for topic creator and
    support staff only.
    18 Answers
    Avatar: Justin
    Luca Rossi
    Support staff
    March 17, 2025 at 08:11

    Hi @Aya Mohamed,

    How can we reproduce this issue on our end?

    https://www.awesomescreenshot.com/image/53433448?key=fb82e67d0f0181ab11dbb4df39741164

    Thank you!

    Avatar: Aya Mohamed
    Aya Mohamed
    Participant
    March 17, 2025 at 15:56

    The issue appears after logging in on the homepage and the My Account page.

    Avatar: Justin
    Luca Rossi
    Support staff
    March 18, 2025 at 07:56

    Hi @Aya Mohamed,

    Did you check our video: https://www.awesomescreenshot.com/video/37737153?key=6c11b60da946710322755ff2a5dbe842?

    The home & my account pages look good on our end.

    Best Regards,
    8Theme’s Team

    Avatar: Aya Mohamed
    Aya Mohamed
    Participant
    March 20, 2025 at 01:33

    Yes, it is now displaying well for me as well, unexpectedly, without me making any changes.
    However, I have another issue: the container for displaying products in this layout is not working properly.
    When clicking the right and left buttons, they do not scroll in either direction.
    Noting that there are multiple products inside the section and you can navigate by dragging, but the arrows do not work.

    Files is visible for topic creator and
    support staff only.
    Avatar: Justin
    Luca Rossi
    Support staff
    March 20, 2025 at 09:09

    Dear @Aya Mohamed,

    We’ve updated the XStore theme and XStore Core plugin to the latest version and this issue has been resolved.

    Could you please check again?

    Best Regards,
    8Theme’s Team

    Avatar: Aya Mohamed
    Aya Mohamed
    Participant
    March 20, 2025 at 20:55

    Not resolved until now

    Avatar: Justin
    Luca Rossi
    Support staff
    March 21, 2025 at 04:22

    Hi @Aya Mohamed,

    Please check our video record: https://www.awesomescreenshot.com/video/37867532?key=479504294147bbaa84d708a73e2a9d70.

    Best Regards,
    8Theme’s Team

    Avatar: Aya Mohamed
    Aya Mohamed
    Participant
    March 22, 2025 at 01:40

    Now it’s good
    but I have another problem from day one regarding hover colour
    I can’t change the colour from elementor for this options (Check Attachments)

    Files is visible for topic creator and
    support staff only.
    Avatar: Justin
    Luca Rossi
    Support staff
    March 22, 2025 at 10:21

    Hi @Aya Mohamed,

    Please try adding this custom CSS under XStore > Theme Options > Theme Custom CSS > Global CSS:

    
    .product-view-mask3 .content-product .footer-product>*:hover, 
    .etheme-product-hover-mask3 .footer-inner>*:hover, 
    .etheme-product-grid-item .footer-inner .button:hover {
        background-color: #FF8C42 !important;
    }
    

    Kind regards,
    The 8Theme Team

    Avatar: Aya Mohamed
    Aya Mohamed
    Participant
    March 22, 2025 at 18:04

    Hello,
    This made a partial change in color (when hovering over the button) but did not change the button’s static background or the icon colors. It also did not affect all buttons in all locations.

    Avatar: Aya Mohamed
    Aya Mohamed
    Participant
    March 24, 2025 at 02:13

    Another issue: There is extra white space on the right side when browsing from a mobile device. Please check the attachment.

    Please contact administrator
    for this information.
    Avatar: Justin
    Luca Rossi
    Support staff
    March 25, 2025 at 08:36

    Hi @Aya Mohamed,

    Hello,
    This made a partial change in color (when hovering over the button) but did not change the button’s static background or the icon colors. It also did not affect all buttons in all locations.

    Please update the custom CSS codes to this:

    
    .product-view-mask3 .content-product .footer-product>*:hover, 
    .etheme-product-hover-mask3 .footer-inner>*:hover, 
    .etheme-product-grid-item .footer-inner .button:hover {
        background-color: #FF8C42 !important;
    }
    
    .product-view-mask3 .content-product .footer-product>*:hover svg, 
    .etheme-product-hover-mask3 .footer-inner>*:hover svg, 
    .etheme-product-grid-item .footer-inner .button:hover svg,
    .product-view-mask3 .content-product .footer-product>*:hover svg path, 
    .etheme-product-hover-mask3 .footer-inner>*:hover svg path, 
    .etheme-product-grid-item .footer-inner .button:hover svg path {
        fill: #fff !important;
    }
    

    Another issue: There is extra white space on the right side when browsing from a mobile device. Please check the attachment.

    This section is causing the issue on mobile: https://prnt.sc/Jm0PdoCGEQwo. We’ve already fixed it. Can you please check again?

    Best regards,
    8Theme’s Team

    Avatar: Aya Mohamed
    Aya Mohamed
    Participant
    March 30, 2025 at 01:52

    Check the attachment

    Files is visible for topic creator and
    support staff only.
    Avatar: Justin
    Luca Rossi
    Support staff
    March 30, 2025 at 15:42

    Dear @Aya Mohamed,

    Can you please explain what’s the issue with the custom CSS codes?

    Thank you!

    Avatar: Aya Mohamed
    Aya Mohamed
    Participant
    April 3, 2025 at 03:18

    The code didn’t change anything.. The buttons are still this brick-red color.
    It changed the titles of some sections on the website to orange instead of black instead of the buttons.

    Avatar: Justin
    Luca Rossi
    Support staff
    April 3, 2025 at 10:23

    Dear @Aya Mohamed,

    We hope this message finds you well.

    We would like to inform you that the custom CSS codes have been successfully updated. At your earliest convenience, could you please clear your browser cache and verify the changes?

    You may refer to the following link for a preview:
    https://prnt.sc/Jp-g855x083_

    Thank you for your attention and cooperation.

    Best regards,
    The 8Theme Team

    Avatar: Aya Mohamed
    Aya Mohamed
    Participant
    April 17, 2025 at 19:04

    Hello,
    I want to change the base color of the icons not the hover color only

    Avatar: Justin
    Luca Rossi
    Support staff
    April 18, 2025 at 08:54

    Dear @Aya Mohamed,

    We hope this message finds you well.

    We would like to inform you that the icon colors have been updated to white. You can view the changes at the following link:

    https://prnt.sc/wqYAC-U1kY0f

    Kindly remember to clear your browser cache to ensure the updates are properly reflected on your end.

    Should you have any questions or require further assistance, please do not hesitate to reach out.

    Best regards,
    The 8Theme Team

  • Viewing 19 results - 1 through 19 (of 19 total)

You must be logged in to reply to this topic.Log in/Sign up

Helpful Topics

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.