Menu

Menu

Anneee23
Shopify Partner
1 0 0

Hi, We are working on a webshop in shopify's enterprice theme. We got all the products in it. Menu bar works, the images of the products below it come before it. We only have one place in menu bar that goes to a page where you don't go directly to products but to a media grid. Here now no images appear in the menu bar. How can we solve this that still the images come in menu bar?

Reply 1 (1)

PageFly-Amelia
Shopify Partner
603 165 236

Hi @Anneee23 ,

This is Amelia from PageFly - a Landing Page Builder App


Here are a few steps to troubleshoot and resolve this issue:

  1. Check Image Links:

    • Ensure that the images you want to display in the menu bar are correctly linked and accessible. Sometimes, broken links or incorrect paths can cause images not to load.
  2. Verify Theme Settings:

    • Go to Online Store > Themes > Customize.
    • Check the settings for the menu bar and ensure that images are enabled for the specific menu item leading to the media grid.
  3. Edit Menu Code:

    • Go to Online Store > Themes > Actions > Edit code.
    • In the Sections folder, find the file responsible for the menu, often named header.liquid or similar.
    • Ensure that the code for displaying images in the menu is correctly implemented. For example:
      <ul class="menu">
        {% for link in linklists.main-menu.links %}
          <li>
            <a href="{{ link.url }}">
              {% if link.image %}
                <img src="{{ link.image | img_url: 'small' }}" alt="{{ link.title }}">
              {% endif %}
              {{ link.title }}
            </a>
          </li>
        {% endfor %}
      </ul>
  4. Check CSS and JavaScript:

    • Ensure that there are no CSS or JavaScript conflicts that might be preventing the images from displaying. Look for any display: none; or similar styles that might be hiding the images.
    • You can inspect the elements using your browser’s developer tools to see if the images are being loaded but not displayed.

I hope that my solution works for you.

Best regards,

Amelia | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


➜ Optimize your Shopify store with PageFly Page Builder (Free plan available) 
➜ Weekly updated Shopify tutorials on YouTube 


All features are available from Free plan. Live Chat Support is available 24/7.