Inconsistent image display in menu

  • Resolved ronaki

    (@ronaki)


    11 months ago

    HAMBURGER MENU ISSUE: (1 of 1) I updated my menu to exclude language from the very first entry. Instead, it shows a pic of a paw. The display is 100% on landscape but intermittent on mobile or narrow portrait views. When I expand the hamburger menu, I never see the image. When I fiddle with choices in an already expanded hamburger, the image shows up, albeit slowly, and inconsistently. Help!
    STANDARD & HAMBURGER MENU ISSUE: (1 of 2) The transition from 1 menu entry to another is slow. Anything we can do about that? This has always been an issue with this template (that I love and will not ditch). (2 of 2) For a better UX, it’d be good to expand navigation functionality to include the background immediately surrounding menu entries. Many users (myself included) click what we think is the menu entry and wait to be served submenu options, but these never come. In order to get them, we need to aim directly for actual letters in the menu label and not the background space around it. And because the transition is slow, a user who already experienced the former problem (1 of 2 above) is negatively inclined to expect no results even then. Help!

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

Viewing 4 replies - 1 through 4 (of 4 total)

  • Hi @ronaki,

    1. Please add the following CSS code on your Dashboard >> Appearance >> Customize >> Additional CSS to fix your icon and a few mobile menu glitches.

    .cm-mobile-nav li {
    padding-left: 0px;
    margin-top: 0;
    }
    @media screen and (max-width: 768px) {
    .first-menu-no-words-just-paw a {
    background-image: url(https://hebrewlion.com/wp-content/uploads/cropped-paw-teal-207daf.gif) !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    background-position: 16px;
    }
    }

    2. Do you mean you want the feature that opens the link while clicking on the blank space area instead of text? If our understanding is correct, then it is not the right approach; such a clickable area can affect the sub menus. If you mean something else, such a feature is not available in our colormag theme. Please request the feature from this link: https://themegrill.com/colormag-roadmap.

    I hope this information helps.

    Regards!

    Thread Starter ronaki

    (@ronaki)

    Your fix totally helped, yes. And today I notice that ColorMag’s been updated. Does this update include the CSS I added and, if so, do I still need it?

    The update does not include this custom CSS because you have added this image using custom CSS on your child theme. You must add the solution provided to fix your image loading issue.

    Thread Starter ronaki

    (@ronaki)

    Solved.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Inconsistent image display in menu’ is closed to new replies.