Home/ Questions/Q 7776341
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-01T17:51:32+00:00

I currently using jquery mobile and want to achieve the top navigation as youtube

  • 0

I currently using jquery mobile and want to achieve the top navigation as youtube mobile with 2 icons at the right side (picture below)

enter image description here

So i try using this code below, but only one icon appeared.

<h1>Youtube Mobile</h1>
<a href="index.html" data-icon="grid" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Menu</a>
<a href="search.html" data-icon="search" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Search</a>

Anyone can help me solve this problem? Thanks

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Both buttons are there. They are just being absolutely positioned one on top of another. Add the class ‘grid’ to your grid button. Then use .grid.ui-btn-right{right:30px;} to position your grid just left of search button. Here is a fiddle demonstrating this http://jsfiddle.net/codaniel/JMKss/1/

    • 0