Support » Theme: eCommerce Gem » Removal of Arrow next to Menu and Hamburger Menu Issue

  • Hello,

    first of all thanks to the author for this wonderful theme. I am linking this theme so far. But there are a few things I would be so glad to get help with.

    1. How do I remove the arrow next to the menu? I do need to remove those arrows to make more room for a few more menu items. Tried a lot using chrome inspect element to figure out the CSS code, but failed. Can anybody please help?

    2. I don’t know if this is me or other people as well. Bue on a smaller screen the hamburger menu is not expanding the second tear menu items. Is anyone facing the same issue? How do I fix it?

    3. I can see that the theme has 3 menu options. I created a small 4 items menu and tried to place it as the top header menu. But it is not showing up. Was anyone able to use the top header menu? What am I missing then?

    4. Please have a look at my page. So much space is being wasted in the header section. How to lessen the length of the header in order to save some space so that we can have more room for above the fold content?

    Help appreciated.

    Regards.

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • A little bit update about the menu problem (problem 3). I did some more digging and fortunately figured it out.

    If anyone else facing the same issue, just go to customize> theme options> Top Header options> Check “Show Top Header” and Select menu from the drop-down box.

    Hi @wp_freak,

    Please find answer to your questions below.

    1. How do I remove the arrow next to the menu? I do need to remove those arrows to make more room for a few more menu items. Tried a lot using chrome inspect element to figure out the CSS code, but failed. Can anybody please help?
    A: You can go to Appearance >> Customize >> Additional CSS and add following CSS to hide arrow after menu item. But note that these arrows indicates that there are sub menu on those item.

    .main-navigation ul li.menu-item-has-children > a::after, 
    .main-navigation ul li.page_item_has_children > a::after{
        content:"";
    }

    2. I don’t know if this is me or other people as well. Bue on a smaller screen the hamburger menu is not expanding the second tear menu items. Is anyone facing the same issue? How do I fix it?
    A: You are using child theme but style of the child theme is listed before parent’s styles. Please change order of the styles as you need to enqueue parent style first and child style at last.

    3. I can see that the theme has 3 menu options. I created a small 4 items menu and tried to place it as the top header menu. But it is not showing up. Was anyone able to use the top header menu? What am I missing then?
    A: You solved it.

    4. Please have a look at my page. So much space is being wasted in the header section. How to lessen the length of the header in order to save some space so that we can have more room for above the fold content?
    A: Your header is almost covered. But menu items are almost touching top bar. You can add following CSS to align them vertically center.

    #main-nav {
        margin-top: 30px;
    }

    Awesome, it worked. Thanks. Cool theme and fabulous support. Thanks for the theme again. 🙂

    Hi @wp_freak

    We are happy to help you. Thank you for nice compliment. It will be highly appreciated if you manage your time to give star ratings and few lines of feedback for the support you got.

    Thank you.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Removal of Arrow next to Menu and Hamburger Menu Issue’ is closed to new replies.