Center an image between two icons in the header in single line?

[Mani Maran]

Actually In header I inserted top left side of the app page a icon called menu and top right side of the app page a icon called settings all i want is i wanna insert an picture(company logo) in between the two icon in header but startscreen app page i inserted those icon in left and right when i forced to insert an image in between (center )those two icons of the app page it actually inserted an image on the next line (second line). I already tried to edit html and css but how to edit in that app page

[Evgene Karachevtsev]

Hello!

Please find our reply in the email.

[Jon Haider]

Mani,
One way I did this is by using CSS (and you don't even need to put the image in the header from the visual bulder... It is part of the background wallpaper of the mobile header :

pre
[name=mobileheader] {
background-position: absolute !important;
background-image: url("../image/in_app_logo.png") !important;
background-repeat: no-repeat;
Background-size: 120px;
Background-position: 50% 25px; /* for iphone change 10px to 25px for statusbar/
Border: none;
-moz-user-select: none; / These user-select properties are inheritable, used to prevent text selection /
-webkit-user-select: none;
-ms-user-select: none; / From IE10 only /
user-select: none; / Not valid CSS yet, as of July 2012 */
}
/pre
(Just change the "../image/in_app_logo.png" to the path to your uploaded image)
And the result for me looks like:

I hope that helps

[Mani Maran]

thanks ! it works, then i wanna change color of icon exactly like you without disc and enlarge the icon too pls give step by step instruction to do that

[Jon Haider]

I'm happy to help, but you have to do the work yourself.
That's custom logic that you'll need to implement. I use images and css to position them correctly (very easy to google and learn).

[Mani Maran]

tell me where to look? give some websites link?

[Mani Maran]

just give me hint? is icon is edited picture or imported icon?