Return to previous page

How to add features from new demo? - by PR

This topic has 2 replies, 2 voices, and was last updated 1 years, 4 months ago ago by Tony Rodriguez

PR

Participant

July 23, 2023 at 23:06

Hello,

We saw the new demo today; https://xstore.8theme.com/elementor2/web-agency/

How can we add

1) on the top menu, when you hover over a word, it highlights the word and shows and shows some sort of animation
2) when you scroll down a little on the page, there is a slim banner which has the words “web development, seo optimization, product design etc. and when you keep on scrolling, the words seem to move.
Screenshot; https://prnt.sc/xLHkoRQArlDv

Thanks!

#362716 Copied Theme version: 9.1.11

1 Answer
Tony Rodriguez

Support staff

July 24, 2023 at 06:06
Hello, @PR,

1. If you would like to make the main menu hover style the same as the demo, we kindly request that you copy and paste the following CSS code into XStore >> Theme Options >> Theme Custom CSS >> Global CSS. After doing so, please clear your browser cache and check back to your site:
```
.et_b_header-menu.et_element-top-level.menu-items-none .menu>li>a:before {
content: '';
position: absolute;
left: 100%;
bottom: 50%;
background: url(https://xstore.8theme.com/elementor2/web-agency/wp-content/uploads/sites/12/2023/07/squiggle-right.svg );
height: 20px;
width: 20px;
background-size: contain;
opacity: 0;
visibility: hidden;
transition: all .2s ease-out;
}
```
After that, please navigate to XStore > Theme Options > Header Builder > Main Menu > Style > Text Color (Hover, Active) > Select as per your requirements and publish it.

Please refer to the image provided at the following link for further reference: https://imgur.com/6Knuwme

2. To create a slim banner with the words “web development” as seen in the demo, please edit the page using Elementor > add the Marquee element > adjust the settings according to your needs.

For further reference, please refer to the image provided at the following link: https://postimg.cc/bd3TZSFC

We thank you for your cooperation and look forward to hearing from you.

Best Regards,
8Theme’s Team
#362719 Copied
Tagged: customize, demo, features, template, woocommerce, wordpress
Viewing 2 results - 1 through 2 (of 2 total)