flickering menu items in hero area and how to customize?

  • Resolved jeepster23

    (@jeepster23)


    2 years, 6 months ago

    Hi, I’m new to Inspiro but I love the hero area, I just gotta make it work:

    -How do I customize the main/primary menu so that the words have som space between them and stop flickering when hovering the mouse over them?
    Actually everything in the hero area is flickering when I hover the mouse over it.

    -I also want it to stop turning dark when I hover over the hero area, how do I do that?

    – How do I change the font and size of the tite inside the her area “SPLASH KING’S TOURNAMENT” It only allows me to change what it says in customize not the font or size.

    -How do I remove the side menu to the right or at least have it do the same scrolling effect as the main/primary menu does?

    -I set a menu anchor in elementor to Home as high as it will let me but as you see when you load my website it isn’t at the top of the page because the hero are doesn’t allow me to set an anchor on top of it. How can I set the home anchor for the menu to be all the way at the top of the site?

    -It’s not making it easy that anything I change to customize the menus in “customize” only shows up in elementor so I have to refresh a new fan with the site in elementor to see the changes. Are there possibly conflicting CSS? and how do I remove that conflict?

    I hope someone can help me, all help is greatly appreciated, thank you!

    • This topic was modified 2 years, 6 months ago by jeepster23.

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Theme Author WPZOOM

    (@wpzoom)

    Hello @jeepster23

    The flickering is caused by some styles added in Elementor (probably in a Style Kit).

    I see some CSS code on your website:

    .elementor-kit-52 a:hover {
    color: #D60303;
    font-size: 1px;
}

.elementor-kit-52 
    font-size: 1px;
}

    As you can see, this font makes the text 1px size on hover.

    Maybe you can check the changes you made to your Elementor style kits (or global settings in Elementor) and fix the issue with the font size:
    https://elementor.com/help/how-to-use-site-kits/

    -How do I remove the side menu to the right or at least have it do the same scrolling effect as the main/primary menu does?

    Go to the Widgets page and remove all widgets from the Sidebar.

    Thread Starter jeepster23

    (@jeepster23)

    Hi, thank you for your help. I’m trying to find where you found that code but I can’t find it in edit theme where the code is accessible. I don’t have the pro version. I think I’ll go with another theme, this is too much that ddoesn’t work and I’ve been stuck too long. There are no widgets installed under appearance – widgets to be removed.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘flickering menu items in hero area and how to customize?’ is closed to new replies.