Dashicons turns squares on Mobile

  • Resolved elruso1980

    (@elruso1980)


    6 years, 10 months ago

    I have searched your support forum and also Google but i couldn’t found a solution, don’t understand what is the problem!?!?

    Im using free theme and everything was ok but i just realized that Dashicons has disappeared on mobile state, i can see only squares.

    Desktop has no issues, i deleted W3 Cache and cleared everything, also tried different browsers and still have that issue with Dashicons, any thought?

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author megamenu

    (@megamenu)

    Hi eiruso,

    The problem is that your theme is copying the main menu location to the mobile location on smaller screens, but it is not copying the full menu structure (it is missing out an important ID, so the MMM styling is not being applied to the mobile menu).

    The only way around it I can see is to hide the theme mobile menu and display the MMM one instead. Please go to Appearance > Customize > Additional CSS and add the following:

    .main-nav {
	display: block !important;
}
.slicknav_menu {
	display: none !important;
}

    This will display the mobile menu in the same location as the desktop menu would be.

    Regards,
    Tom

    Thread Starter elruso1980

    (@elruso1980)

    Hi Tom, i really appreciate your help, i already implemented CSS snipped you have sent me on my child-theme, working great for me!!!

    I will leave a 5 star review on your plugin, thanks for your help again.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Dashicons turns squares on Mobile’ is closed to new replies.