Return to previous page

I want the header part 1 to only show when i scroll down

This topic has 22 replies, 3 voices, and was last updated 5 months, 2 weeks ago ago by Jack Richardson

Alpha111

Participant

June 28, 2024 at 00:55

i want the header part 1 to only show when i scroll down and disapear when i scroll up

Please, contact administrator
for this information.

#402130 Copied Theme version: 9.3.13

21 Answers

Rose Tyler

Support staff

June 28, 2024 at 05:16

Hello Alpha111,

Thank you for reaching out to us with your request.

Header Builder via Elementor > edit template > container settings > Advanced > Stisky header > Select “Smart” type https://prnt.sc/j4qgIzB6c4TP

If you have any additional questions or concerns, please do not hesitate to reach out to us. Our support team is always available to assist you.

Best Regards,
8Theme’s Team

#402143 Copied

Alpha111

Participant

June 29, 2024 at 00:36

this part dont fully show on smaller laptops

Files is visible for topic creator and
support staff only.

#402286 Copied

Rose Tyler

Support staff

June 29, 2024 at 05:06

Hello Alpha111,

Thank you for getting in touch with us.

Should you find the window height insufficient, you may consider reducing the spacing between the menu items or https://prnt.sc/P_IYM3FR__iQ

Best Regards,
8Theme’s Team

#402290 Copied

Alpha111

Participant

June 29, 2024 at 12:23

When i use this i cant scroll down to see the remaining ones

#402356 Copied

Rose Tyler

Support staff

June 29, 2024 at 14:32

Hello Alpha111,

We are pleased to inform you that we have successfully implemented a new scrolling feature: https://prnt.sc/oo1KX16Zgjcx

Best Regards,
8Theme’s Team

#402375 Copied

Alpha111

Participant

June 30, 2024 at 23:55

can it only be activated for like 16 inch laptops or lower and the scrollable bar to be a bit more visible

#402470 Copied
Rose Tyler

Support staff

July 1, 2024 at 08:31
Hello Alpha111,

Thank you for contacting us and for using XStore.

Please read this article – https://www.w3schools.com/css/css_rwd_mediaqueries.asp and change the code according your needs.

Custom CSS code to change scrollbar width –
```
.etheme-elementor-nav-menu.vertical::-webkit-scrollbar {
    width: 15px;
}
```
read more – https://www.w3schools.com/howto/howto_css_custom_scrollbar.asp

Best Regards,
8Theme’s Team
#402503 Copied
Alpha111

Participant

July 2, 2024 at 02:25

it doesnt seem to work can you check for me ?

#402643 Copied

Rose Tyler

Support staff

July 2, 2024 at 07:48

Hello Alpha111,

https://prnt.sc/U4u7L5CL8KmV – please check not and edit it further.

Best Regards,
8Theme’s Team

#402673 Copied

Alpha111

Participant

July 2, 2024 at 11:17

i am on 24inch desktop and its showing for me can it only be activated for like 16 inch laptops

#402734 Copied

Alpha111

Participant

July 2, 2024 at 11:52

i cant hover on menus and logiciels menu doesnt even showg

Files is visible for topic creator and
support staff only.

#402746 Copied

Jack Richardson

Support staff

July 2, 2024 at 13:06

Dear @Alpha111,

We hope this message finds you well. We are writing to inform you that we have updated the CSS for the “All Departments” element. The modifications include the following media queries:

@media only screen and (min-width: 1120px) and (max-width: 1536px)

Should you require further adjustments or need to configure additional media queries, we encourage you to select the most suitable options and make the necessary changes. For guidance on using media queries, please refer to the following resource: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_media_queries/Using_media_queries.

Additionally, we have noted that the increased scrollbar width has affected the hover functionality. Unfortunately, this issue is tied to the browser’s inherent code, and attempting to fix it may lead to other unintended changes. Therefore, we advise maintaining the current configuration to avoid further complications.

Thank you for your understanding and cooperation. Should you have any further questions or require assistance, please do not hesitate to contact us.

Best Regards,
Jack Richardson
8Theme’s Team

#402757 Copied

Alpha111

Participant

July 2, 2024 at 13:29

still the hover function doesnt work on smaller devices

#402761 Copied

Jack Richardson

Support staff

July 2, 2024 at 14:10

Hello @Alpha111,

We have already provided you an answer for this request:
Additionally, we have noted that the increased scrollbar width has affected the hover functionality. Unfortunately, this issue is tied to the browser’s inherent code, and attempting to fix it may lead to other unintended changes. Therefore, we advise maintaining the current configuration to avoid further complications.
In such case you may try to remove the custom CSS added and check if the hover works in a correct way.

Kind regards,
Jack Richardson
The 8theme’s team

#402768 Copied

Alpha111

Participant

July 2, 2024 at 14:21

can you please check for me i removed it but i am still facing the issue

#402769 Copied
Jack Richardson

Support staff

July 2, 2024 at 14:59
Dear @Alpha111,

We hope this message finds you well. We have identified an issue concerning the hover functionality on smaller devices within your current element’s styles. To address this, we recommend hiding the scrollbar while maintaining the height of your submenu to ensure optimal performance and user experience.

Please implement the following custom CSS code for the ‘All Departments’ element to resolve the issue:
```
selector .etheme-elementor-nav-menu.vertical::-webkit-scrollbar {
    display: none;
}
```
Should you require further assistance or have any questions regarding this solution, please do not hesitate to contact us.

Best Regards,
Jack Richardson
The 8Theme Team
#402775 Copied
Alpha111

Participant

July 2, 2024 at 15:01

it only works with mega menus it doesnt work the item logiciels

#402776 Copied

Jack Richardson

Support staff

July 2, 2024 at 15:43

Hello @Alpha111,

Your request necessitates additional customization, which cannot be implemented immediately and may require a significant amount of time.

Unfortunately, such additional customization falls outside the scope of our basic support services. Should you require further customizations, we kindly invite you to submit a request through our customization panel at the following link: https://www.8theme.com/account/#etheme_customization_panel . Please note that customization services will incur additional charges.

Thank you for your attention to this matter. We look forward to your prompt response.

Best regards,
Jack Richardson
The 8Theme Team

#402785 Copied

Alpha111

Participant

July 2, 2024 at 22:02

why tho it used to work normally without the scroll option

#402805 Copied

Alpha111

Participant

July 3, 2024 at 01:03

this is the issue

Files is visible for topic creator and
support staff only.

#402816 Copied
Jack Richardson

Support staff

July 3, 2024 at 07:38
Dear @Alpha111,

We hope this message finds you well. We have identified the issue you reported regarding the ‘relative’ positioning of menu items with simple dropdowns. This positioning affects how overflow is handled, which is why you may have noticed discrepancies.

We propose a solution that involves displaying the simple dropdowns on hover, but they span the full height of the block. You can view the proposed display here: https://prnt.sc/vH-30bAqzhdC. If this solution meets your requirements, please check the following CSS:
```
selector .etheme-elementor-nav-menu .item-design-dropdown {
    position: static;
}
```
We have already applied this fix to the “All Departments” widget in Header builder on your site. You can check the updated functionality here: https://prnt.sc/w7JXyhXvtG_V.

Please review the changes at your convenience and let us know if they align with your expectations or if further adjustments are needed.

Best regards,
Jack Richardson
The 8Theme Team
#402847 Copied
Tagged: best selling woocommerce scroll features, header visibility woocommerce themes, scroll-dependent headers woocommerce, woocommerce themes scroll-down header, woocommerce themes with scroll-activated headers
Viewing 22 results - 1 through 22 (of 22 total)