[websiteowner]

Hi,

I have only one question left.

How do i decrease the size of the logo?

Cheers,
Jim

[ahmetsali]

Hi, try this custom css code;

@media (min-width: 768px) {
    h1.site-title { font-size: 4em; }
    }

[websiteowner]

Hi,

I’ve added this code to my custom css to decrease the size of the logo:

.site-header .site-title {
font-size: 65px;
}

However now the site logo is not responsive anymore on mobile?

How to fix this.

One of you gave me that code to add it to my css

Cheers,
Jim

[ahmetsali]

update your code as;

@media (min-width: 768px) {
    .site-header .site-title {
       font-size: 65px;
    }
}

[websiteowner]

Hi,

I’ve replaced :

.site-header .site-title {
font-size: 65px;
}

With:

@media (min-width: 768px) {
.site-header .site-title {
font-size: 65px;
}

However the site title (logo) is still not responsive?

How to fix this?

Cheers,
Jim

[ahmetsali]

can you provide your url to see what’s wrong?

[websiteowner]

Hi,

Yes; http://www.succesindeliefde.nl

[ahmetsali]

try also adding this for mobile devices;

@media (max-width: 768px) {
    .site-header .site-title {
       font-size: 22px;
    }
}

[websiteowner]

Hi,

Where should i add this?

I’m not a coder, sorry.

Cheers,
Jim

[ahmetsali]

please see this post;

http://www.pixelwars.org/forums/topic/how-to-use-custom-css-for-wordpress-themes/

[websiteowner]

Hi,

i understand where i need to add custom css but i cant see a field specifaclly for mobile css fixes and the last code you shared with me is exactly the same as the previous and that did not solve the responsive issue on mobile phones?

[ahmetsali]

sorry there was a syntax error in the code (missing close bracket), i updated the code in my previous post and it should work and it only targets mobile devices (width < 768px).

[websiteowner]

thank you

[websiteowner]

Hi,

I’ve added the code and it works fine on mobile now. However on the normal desktop site the logo has become bigger again.

How to fix this and make sure the mobile version is responsive?

I now only have this code in custom css:

@media (max-width: 768px) {
.site-header .site-title {
font-size: 22px;
}
}

[ahmetsali]

try this;

/* Desktop Text Logo Size */
.site-header .site-title { font-size: 32px; }

/* Mobile Text Logo Size */
@media (max-width: 768px) {
.site-header .site-title { font-size: 22px; }
}

[websiteowner]

ty

[ahmetsali]

you’re welcome, please don’t forget to rate the theme on themeforest if you liked it, thanks.