Hamburger menu not showing

[graecille]

Hi all,

I have just put another Responsive conversion up, but the Hamburger menu does not show, just shows a small white square on top right on phones. Normal menu shows on I-Pads. When click on the white square, the menu appears ok, but the average person may not know to click a white square, they expect to see a Hamburger. The site is https://www.mistypeaks.co.nz Can anybody help me?

[donboe]

Hi graecille, In see you use Bootstrap. Try to replace:

<span class="sr-only agileits w3layouts">Toggle navigation</span>

with:

<span class="navbar-toggler-icon"></span>

Hope it helps

[graecille]

Hi Donboe, I tried that on the index page, uploaded, but still only shows the little box with the square outline. Click on it and the menu drops down as it should, but still no Hamburger icon.
Where to now?
Cheers,

[graecille]

Hi again Donboe, Have you had a chance to give it any more thought?

Cheers.

[donboe]

Sorry I didn’t see your earlier response. I need to have another look

[donboe]

@graecille. I see you use Bootstrap v3. What I told you before is/was for Bootstrap v4. Change:

<span class="navbar-toggler-icon"></span>

to

<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>

That should work

[graecille]

Hello Don, Thank you. That worked perfectly.

So simple when you know how.

Regards,
Graeme

[donboe]

Hi greacille. I’m glad I could help. You probably accidentally removed them while modifying the site. Can happen to everyone.

Nice Bed & Breakfast you have

[NOOB109]

Wow, donboe, I’m new here but it’s nice to find a css GOD like you! #Awesome!