How to add features from new demo? - by PR

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

  • Avatar: PR
    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!

    1 Answer
    Avatar: Tony Rodriguez
    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

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

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

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