[mattiashargin]

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]

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]

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]

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]

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]

@julesei84

try this custom css code;

@media (max-width: 767px) { 
   .blog-posts .entry-meta { display: block; }
}

[julesei84]

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

[ahmetsali]

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

[bluewhisky23]

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]

Hi @bluewhisky23

try this custom css code;

.main-navigation div.selector:before {
    color: #333;
}