JQuery Mobileで戻るボタンの位置

JQuery mobileでheaderに戻るボタンを配置し、その位置を調整したいのですが、CSSでどう設定すれば良いのか分かりません。

・現在のコード

HTML
1<!DOCTYPE html>
2<html>
3<head>
4<meta charset="utf-8">
5<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
6<title>無題ドキュメント</title>
7<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.css" />
8<link rel="stylesheet"  href="style.css" />
9<script src="http://code.jquery.com/jquery-1.9.0.js"></script>
10<script src="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.js"></script>  
11</head>
12
13<body>
14
15<div data-role="header" data-theme="b" data-position="fixed">
16<a href="" data-rel="back">戻る</a>
17<h1><img src="main_logo.png"></h1>
18</div>
19
20</body>
21</html>

CSS
1.ui-header {height:10%;}
2.ui-title img {width:100%; overflow: auto;}

・現状のプレビュー結果

・希望する結果

上記のようにロゴの下面に合わせた位置に戻るボタンを配置したいです。
お知恵を貸していただけると幸いです。よろしくお願いします。

yuki-saito

2017/11/22 00:05

HTMLやCSSは戻るボタンのところだけでなく、せめてバーの部分は書いてもらった方が良いかと思います。

hydroxy

2017/11/22 09:33

失礼いたしました。html全文を掲載しました。cssは掲載内容のみです。よろしくお願い致します。

yuki-saito

2017/11/23 23:54

画像もなく、適当な画像でやってみても再現できませんでした。https://codepen.io/anon/pen/bYKegQ

行動規範の内容に同意します

回答1件

自己解決

CSS
1.ui-header a {margin-top:35px !important;}

「!importnt」をつけることで解決できました。

投稿2017/11/29 08:49

hydroxy

総合スコア49

あなたの回答

tips

プレビュー

行動規範の内容に同意します

質問の解決につながる回答をしましょう。サンプルコードなど、より具体的な説明があると質問者の理解の助けになります。また、読む側のことを考えた、分かりやすい文章を心がけましょう。

15分調べてもわからないことは
teratailで質問しよう！

ただいまの回答率
85.29%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問