- This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
-
Posts
-
I appologize sir because I believe you have already answered this but I cant find the note.
What can I use to modify the styling of the hamburger menu in the app? Class, Id, element names?
I tried i {}, .fa {}, and .fa-bars {} and nothing seems to work.
I was hoping to be able to play with other size, color, and positioning options.
Here’s the index.html
The hamburger is an svg icon in a class svg-icon<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta http-equiv="Content-Security-Policy" content="default-src * gap: file:; style-src 'self' 'unsafe-inline'; img-src * 'unsafe-inline' data:; script-src * 'unsafe-inline' 'unsafe-eval'"> <meta name="viewport" content="user-scalable=yes, initial-scale=1, width=device-width height=device-height" /> <title>Our Church</title> <link rel="stylesheet" href="css/style.css"> <script type="text/javascript" src="cordova.js"></script> <script src="js/jQuery.js"></script> </head> <body data-spy="scroll" > <style id="dynamicStyles"></style> <div data-role="page" id="firstRun" class="ui-content hidden" style="display:none;"> <br> <div id="rendered" > <img src="img/logo-small.png" class="logo-small" style="margin:0 auto;"/> <strong>Choose Language</strong> <select class="tab-button" data-tab="#language" id="languageSelect"> <option value="en">English</option>'; </select> <strong>Choose Church</strong> <input type="text" name="church" id="church" placeholder="Church name"/> <div id="church_url"></div> <br> </div> </div> <br> <div data-role="page" id="page" class="ui-content hidden" style="display:none;"> <div data-role="header" id="header"> <h2 ><span id="menu" class="svg-icon" ><img src="img/menu.svg" /><span id="church" class="tab-button" data-tab="#home">Home</span></span> </h2> <ul data-role="listview" class="menu ui-listview"> <li id="home-tab-button" class="tab-button" data-tab="#home"> <span class="languagespecificHTML" data-text="home">Home</span></li> <li id="account-tab-button" class="tab-button" data-tab="#account" data-tap-toggle="false"> <span class="languagespecificHTML" data-text="account">Account</span></li> <li id="address-tab-button" class="tab-button" data-tab="#address" data-tap-toggle="false"> <span class="languagespecificHTML" data-text="address">Address</span></li> <li id="bible-tab-button" class="tab-button" data-tab="#bible" data-tap-toggle="false"> <span class="languagespecificHTML" data-text="bible">Bible</span><span id="bible-badge"></span></li> <li id="calendar-tab-button" class="tab-button" data-tab="#calendar" data-tap-toggle="false"><span class="languagespecificHTML" data-text="calendar">Calendar</span></li> <li id="classes-tab-button" class="tab-button" data-tab="#classes" data-tap-toggle="false"> <span class="languagespecificHTML" data-text="classes">Classes</span></li> <li id="giving-tab-button" class="tab-button" data-tab="#giving" data-tap-toggle="false"><span class="languagespecificHTML" data-text="giving">Giving</span></li> <li id="group-tab-button" class="tab-button" data-tab="#smallgroup" data-tap-toggle="false"> <span class="languagespecificHTML" data-text="groups">Groups</span></li> <li id="media-tab-button" class="tab-button" data-tab="#media" data-tap-toggle="false"><span class="languagespecificHTML" data-text="media">Media</span></li> <li id="news-tab-button" class="tab-button" data-tab="#news" data-tap-toggle="false"><span class="languagespecificHTML" data-text="news">News</span> <span id="news-badge"></span></li> <li id="prayer-tab-button" class="tab-button" data-tab="#prayer" data-tap-toggle="false"> <span class="languagespecificHTML" data-text="prayer">Prayer</span> <span id="prayer-badge"></span></li> <li id="rota-tab-button" class="tab-button" data-tab="#rota" data-tap-toggle="false"> <span class="languagespecificHTML" data-text="rotas">Rotas</span></li> <li id="settings-tab-button" class="tab-button" data-tab="#settings" data-tap-toggle="false"> <span class="languagespecificHTML" data-text="settings">Settings</span></li> <li id="logout-tab-button" class="tab-button" data-tab="#logout" data-tap-toggle="false"></i> <span class="languagespecificHTML" data-text="logout">Logout</span></li> </ul> </div> <div data-role="main" id="main" ><div class="pullable" data-id="#"> <div id="rendered" > <img class="waiting" src="./img/spinner.gif"/> </div></div> </div> </div> </body> <br> <script type="text/javascript" src="js/pullToRefresh.js"></script> <script src="js/fastclick.js"></script> <script src="js/jQueryMD5.js"></script> <script src="js/controller.js"></script> <script src="js/index.js"></script> </html>
Viewing 2 posts - 1 through 2 (of 2 total)
- You must be logged in to reply to this topic.