[Kim]

I’d like a way to make my logo show up a little wider and taller on my mobile app. It used to but since we’ve made some changes it no longer does – instead the top nave menu encroaches on the spaces to the left. Here is what it looks like now.

https://hidemyage.com/wp-content/uploads/mobile-screen-orig.jpg

How can I make it look like this:

https://hidemyage.com/wp-content/uploads/mobile-screen.png

[Sakin]

@Kim: It’s wide enough and I cannot see place to expand it. Also the 2 images that you have share looks same. I am bit confused.

[Kim]

Please look up http://www.smartfem.com on your mobile phone vs on a pc. That is completely mobile friendly. When you go on hidemyage.com the main nav shows up to the left of the logo, making the logo seem smaller and, unless you have fingers the size of a childs, makes it difficult to pull down the list.

Do you see what I mean?

[Sakin]

@Kim: It depends on personal choice, many people just like small one like this. Ok, try adding the following css in “Appearance => Theme Options => custom CSS” box”

.mobile-menu { background-color: #d8180a; text-align: center; width: 100%; height: 50px; }
.site .genericon-menu { box-sizing: border-box; height: 50px; width: 100%; }
.mobile-menu a { color: #fff; padding: 10px; }
.mobile-menu-text { display: inline-block; }

[Author]

Posts