Search Results for 'mobile menu'

This is the link to my site https://www.netsportworld.com/category/football-predictions/
I have followed the above suggestions and set the bootstrap code(code below) here
https://i.imgur.com/kw1Iuge.png
and then the table html code(code below) here https://i.imgur.com/o4HJCxi.png
The tables are displaying as expected but now the issue I am running into is the the mobile menu tab https://imgur.com/76FnjgV to display my categories is no longer responding. nothing happens when clicked on the phone. how do I resolve this(I think it has to do with the code I place in the javascript section because once I delete it, the mobile menu works well again)
CODE
BOOTSTRAP CODE
<link rel=”stylesheet” href=”https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css&#8221; integrity=”sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm” crossorigin=”anonymous”>

<script src=”https://code.jquery.com/jquery-3.2.1.slim.min.js&#8221; integrity=”sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN” crossorigin=”anonymous”></script>
<script src=”https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js&#8221; integrity=”sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q” crossorigin=”anonymous”></script>
<script src=”https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js&#8221; integrity=”sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl” crossorigin=”anonymous”></script>

TABLE CODE
<nav>
<div id=”nav-tab” class=”nav nav-tabs” role=”tablist”>Home
Profile
Contact</div>
</nav>
<div id=”nav-tabContent” class=”tab-content”>
<div id=”nav-home” class=”tab-pane table-responsive fade show active” role=”tabpanel” aria-labelledby=”nav-home-tab”>
<table class=”table table-striped”>
<thead>
<tr>
<th scope=”col”>#</th>
<th scope=”col”>First</th>
<th scope=”col”>Last</th>
<th scope=”col”>Handle</th>
</tr>
</thead>
<tbody>
<tr>
<th scope=”row”>1</th>
<td>Mark</td>
<td>Otto</td>
<td>@mdo</td>
</tr>
<tr>
<th scope=”row”>2</th>
<td>Jacob</td>
<td>Thornton</td>
<td>@fat</td>
</tr>
<tr>
<th scope=”row”>3</th>
<td>Larry</td>
<td>the Bird</td>
<td>@twitter</td>
</tr>
</tbody>
</table>
</div>
<div id=”nav-profile” class=”tab-pane table-responsive fade” role=”tabpanel” aria-labelledby=”nav-profile-tab”>
<table class=”table table-hover”>
<thead>
<tr>
<th scope=”col”>#</th>
<th scope=”col”>First</th>
<th scope=”col”>Last</th>
<th scope=”col”>Handle</th>
</tr>
</thead>
<tbody>
<tr>
<th scope=”row”>1</th>
<td>Mark</td>
<td>Otto</td>
<td>@mdo</td>
</tr>
<tr>
<th scope=”row”>2</th>
<td>Jacob</td>
<td>Thornton</td>
<td>@fat</td>
</tr>
<tr>
<th scope=”row”>3</th>
<td colspan=”2″>Larry the Bird</td>
<td>@twitter</td>
</tr>
</tbody>
</table>
</div>
<div id=”nav-contact” class=”tab-pane table-responsive fade” role=”tabpanel” aria-labelledby=”nav-contact-tab”>c</div>
</div>

thanks…where do i efit the mobile menu? it shows sample logo imported with the ttemplatee..even if the site shows correct logo on desktop

yes it worked – all back to normal –
now I have another issue – I have installed the new header and it works fine on desktop but on mobile it shows the default logo and is not following the style of the main menu…..the same goes for the sticky menu – it remains unchanged in contrast to the edited version that I am using now – stinky menu shows the same sample logo and remains white while my current version is black…please advise

Hi,

The site is still in development, and has a re-direct plugin in use because a lite version is live at the moment.

But I have also a staging plugin in use, for testing purposes.

Here is the link to the staging site. I require the burger menu on the right hand side in mobile usage please.

ircatoday.com/stage

Regards

Mark

Hi Calin,

The scroll button is working. Issue Solved!

Now about the header ad, when I tried to add an ad box in the mobile header, it shows the “Custom Page” headline instead of “Mobile Menu”. So I think I need to know how to edit only for the mobile menu after opening the tagDiv composer.

• This reply was modified 5 years by Nagarig.

Hi,
Thanks for pointing out AMP issue…may be my homepage is not set to amp then, I’ll check it later.. 🙂

But..background on my mobile menu isn’t the one you showed!…yes, when I check from pc/mi browser, I can see like that….but when I actually check from facebook/chrome mobile, it becomes this gray one!
– https://ibb.co/CnxmwgM

And I already tried multiple times to remove this nasty gradient color on menu background from theme panel….but failed!! (How to do that exactly?)

And also, I tried to change the settings for mobile menu (disabling ‘sign in’ option), but no matter I disable it from theme panel, it is not getting saved!!

I just wanna get back the previous mobile homepage! 🙁 🙁 (that you can still see from pc but actual mobile version is so different now, please check it!)

P.S. FYI, my previous mobile menu with background image was like this (that I wanna get back badly!) 🙁
https://ibb.co/0J3K303

Hello!
I tried to change the settings for mobile menu (disabling ‘sign in’ option), but it is not getting saved!

Also as I said, I already set background image for mobile menu, but I don’t want any gradient color imposed on it (the image only!) – HOW TO DO THAT?

And my site still failed in AMP Test- https://search.google.com/test/amp?url=http%3A%2F%2Fsassygirljunjihyun.com%2F And google analytics and view count seem so faulty for AMP….I’m no tech savy…should I disable AMP plugin then?

Menu mobile on amp version and mobile version doesn’t work anymore