Modern Store Customization Issue

  • Hello,
    I am using Modern Store Theme and have recently activated it! It looks great! When I explored all the areas, I found some problems. The icons are not displaying properly, such as, search icon, product category selector icon. Product categories are also not displaying normally.(Beside the search bar) In Hover Mode, it can be seen.
    Please help.
    This are the screenshots. Please have a look.
    https://prnt.sc/on5ea1 (search icon)
    https://prnt.sc/on5geg (product category not showing normally)
    https://prnt.sc/on5ico (When hovered)

Viewing 5 replies - 1 through 5 (of 5 total)
  • Theme Author Ben Sibley

    (@bensibley)

    Thanks for using Modern Store! I’m glad you like it ??

    Please visit the General settings page in your admin menu, and check the WordPress URL and Site URL. Make sure they are exactly the same including their use of “www” as a difference in these URLs can cause issues like the icon font not displaying.

    Nevermind. There was a conflict with Modern Store and the Elementor plugin, but we have a fix on the way and an update for Modern Store will be available very soon.

    • This reply was modified 5 years, 7 months ago by Ben Sibley.
    Thread Starter aasher

    (@aasher)

    Hi,
    Thank you so much. The issue was solved!
    The product catalog display background is in white. When hovered, it can be seen. I tried changing the background in style.css file, but the arrow color is also changing. Please help.
    https://prnt.sc/on5geg
    https://prnt.sc/on5ico

    Theme Author Ben Sibley

    (@bensibley)

    Could you let me know what browser you’re using?

    Thank you!

    Thread Starter aasher

    (@aasher)

    I am using Google Chrome.

    Theme Author Ben Sibley

    (@bensibley)

    Thanks for letting me know about this bug. Looks like it’s affecting all Windows devices.

    I will include a fix soon in the next update, but for now, you can add this code to your site:

    .site-header .search-form-container .category-select select {
	background: #000;
	border-radius: 18px 0 0 18px;
}
.site-header .search-form-container .category-select i {
	z-index: 3;
}

    Please copy & paste the code above into the “Additional CSS” section in the Customizer (Appearance > Customize), and it will take effect right away.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Modern Store Customization Issue’ is closed to new replies.