mobile theme – Pixelwars

Posted in : Bloggy WP
mattiashargin
Participant
26 October 2013 at 13:13
#9517

HI,

I have problem with the header picture in the mobile theme since i made a custom header. Is it possible to display a different picture for the mobile?

Page: matildarapaort.com

/Mattias
ahmetsali
Keymaster
29 October 2013 at 23:48
#9570
Hi, yes it can be possible. You can set a different background image for header with this custom css code;
```
@media (max-width: 767px) {
   .site-header { background-image: url("your-mobile-header-bg-image-url-here.jpg"); }
}
```
Also you can center your header bg with this code;
```
.site-header {
background-position: center bottom;
background-repeat: no-repeat;
}
```
mattiashargin
Participant
2 November 2013 at 15:46
#9679

Thanks! Perfect with the new site header css (center/no repeat), now the normal header shows better in the mobile also.

But i did´t get the mobile css to work, i was putting the code in, but still the normal header pic shows.
ahmetsali
Keymaster
4 November 2013 at 13:42
#9737
Hi, sorry the code should be like;
```
@media (max-width: 767px) {
   .site-header { background-image: url("your-mobile-header-bg-image-url-here.jpg"); }
}
```
julesei84
Participant
23 February 2014 at 04:06
#12543

Hi,
The theme is not showing up the same on my phone. For example, the menu and date do not show up at all. Is it possible to have the site look the same on a phone as it does on a desktop or laptop?

Thanks!
ahmetsali
Keymaster
25 February 2014 at 01:07
#12601
@julesei84

try this custom css code;
```
@media (max-width: 767px) { 
   .blog-posts .entry-meta { display: block; }
}
```
julesei84
Participant
25 February 2014 at 02:38
#12611

Hi,
I’m sorry but nothing happened when I entered the code.

ahmetsali
Keymaster
25 February 2014 at 21:58
#12654

sorry i made a syntax error, just updated the code in my previous post, please try the updated custom css code.

bluewhisky23
Participant
27 February 2014 at 10:59
#12698

Hi,

I was wondering if it is possible to change the colour of the little ‘stack’ picture that appears in place of the menu on the mobile version.

I have altered the background of my menu to white, which means that it is not possible to see the little picture, which I think is white by default. You can check my website here http://pinakespress.com.

Cheers :)
ahmetsali
Keymaster
27 February 2014 at 17:52
#12709
Hi @bluewhisky23

try this custom css code;
```
.main-navigation div.selector:before {
    color: #333;
}
```

Viewing 10 posts - 1 through 10 (of 10 total)

You must be logged in and have valid license to reply to this topic.

License required for the following item

Bloggy WP - Responsive Minimalist WordPress Theme

by pixelwars