Solved

Jquery Mobile Header Height  Adjustment

Posted on 2013-01-01
2
1,559 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

Free Tool: SSL Checker

Scans your site and returns information about your SSL implementation and certificate. Helpful for debugging and validating your SSL configuration.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
Email called spam 5 36
Change box shadow 1 29
Bootstrap list items overlap 3 7
Easy css question moving title underneath an image 3 10
Introduction If you're like most people, you have occasionally made a typographical error when you're entering information into an online form.  And to your consternation, the browser remembers the error, and offers to autocomplete your future entr…
Password hashing is better than message digests or encryption, and you should be using it instead of message digests or encryption.  Find out why and how in this article, which supplements the original article on PHP Client Registration, Login, Logo…
In this Micro Tutorial viewers will learn how to create a CSS image sprite (In a later tutorial, viewers will learn how to use CSS and HTML to create a navigation menu using this sprite) Open a new Photoshop document with a width of (Icon width)x(N…
The viewer will learn how to dynamically set the form action using jQuery.

809 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