Solved

Jquery Mobile Header Height  Adjustment

Posted on 2013-01-01
2
1,580 Views
Last Modified: 2013-01-02
I'm trying to understand how to adjust the height of the header bar which holds the Menu button on my test site - http://test2.dfigdesign.com.  Do I override the .ui-bar-b element to do so, and what is the CSS needed for this, please?  I would like to reduce the size of the header bar by at least 50%.
0
Comment
Question by:danfiggolf
2 Comments
 
LVL 16

Accepted Solution

by:
HagayMandel earned 500 total points
ID: 38735702
Your header div already holds some styling:

<div data-role="header" style="bottom: 0px; data-position=;" inline"="" data-theme="b" class="ui-header ui-bar-b" role="banner">

Open in new window


Simply add the required height here:

<div data-role="header" style="bottom: 0px; data-position=; height:50px;" inline"="" data-theme="b" class="ui-header ui-bar-b" role="banner">

Open in new window

0
 
LVL 11

Expert Comment

by:mcnute
ID: 38736123
Even better practice though is to apply your height style in the jquery-mobile css file for the class ui-header. This makes your code more easy to maintain.
0

Featured Post

Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
Length of for loop to be dynamic 2 33
Make login page safer 3 32
Why is my $_POST not going to results page 10 36
How to remove  "0":  in a json string 4 12
CSS is a visual language used to classify objects and define rules about how they should be displayed. CSS skills aren’t restricted to developers anymore, there is a big benefit to having a basic understanding of the language, regardless of your occ…
This article discusses four methods for overlaying images in a container on a web page
The viewer will learn how to look for a specific file type in a local or remote server directory using PHP.
The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …

756 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question