[TeddyHype]

Hi all,

I’m trying to find a solution for my problem with the dimension of the blog logo when I’m visiting my blog with a mobile phone. I think my logo is to big for the mobile version: http://www.livres-cles.com

So, I want to adjust the size of the image when visiting the blog with mobile phones or put in place a script that will show image A when visiting with the mobile phone and image B when visiting with PC, Mac or tablet.

I would be very grateful if someone can help me.

Thanks.

Just for your info, please find below the code I already have in Custom CSS:

.site-title a
{
padding-right: 400px;
background-position: center;
background-repeat: no-repeat;
background-image: url( ‘http://livres-cles.com/images/Logo2.png’ );
}
.site-header .site-title a {
display: inline-block;
padding: 18px 0;
padding-left: 750px;
}
body { background-color: #FFFFFF; }
}
.blog-posts .entry-title, .portfolio-single .entry-title { font-size: 2.2em; }
.main-navigation ul li { font-size: 1.1em; }
.cover h2
{
font-size: 16px !important;
color: black;
text-shadow: none;
}
@media (min-width: 768px) and (max-width: 1024px) {
.main-navigation { font-size: 1.28em; }
#nav #search-form #search { min-width: 65px; }
h1.site-title { font-size: 1.1em; }
h2.site-description { font-size: 1em; }
.entry-header { font-size: 1em; }
.entry-content { font-size: 1.4em; }
.post-list { font-size: 1.1em; letter-spacing: 0.08em }
}

@media (max-width: 300px) {
h1.site-title { font-size: 1em; line-height:3em }
h2.site-description { font-size: 0.8em; line-height:1.5em }
.entry-title { font-size: 1.1em; }
.entry-header { font-size: 1.1em; }
.entry-content { font-size: 1.1em; }
.post-list { font-size: 1.1em; letter-spacing: 0.08em }
}

[serkan]

Please go to appearance > theme options > general > Image Logo
When uploading your image logo, you need to set Link Url = File Url Size : Full Size and then click on “Insert Into Post” button.
Why you uploaded your image logo as a background image? Just delete the custom css codes for the image logo and try to use this feature.

[TeddyHype]

Thanks a lot Serkan. It works perfectly now :)

[serkan]

Btw if it is too big for you you can use this custom css code;

h1.site-title img { max-height: 120px; }

Thanks