AbanteCart Community

eCommerce construction => How-to questions => Topic started by: billteale on May 10, 2019, 06:26:21 PM

Title: removing hamburger menu in mobile version of home page
Post by: billteale on May 10, 2019, 06:26:21 PM

I am building my first test store, and I am feeling my way around.  Link below

On the home page I have the layout header set to have a color and a graphic by changing .headerstrip in the css, and disabling the header block in the layout.  I have enabled the category block in the header bottom section of the layout.

It looks good on a desktop, and would work well on a mobile if the hamburger menu did not appear - it does not trigger links when clicked.

How do I get rid of the hamburger?

My domain is sigwebdesign,  it is a dot com address and the folder containing the page is /shopping  (It would not let me link a url)

Title: Re: removing hamburger menu in mobile version of home page
Post by: abantecart on May 12, 2019, 09:25:20 PM

In the header.tpl you need to remove below code:

Code: [Select]

<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse">
      <span class="sr-only"></span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
    </button>

NOTE: You will be able to post URLs after you make few posts