Logo issue

[Therastan]

Hi,

I got an issue with the logo on Chrome and Safari (first screenshot.png). That’s fine on Firefox and Internet Explorer (HOMEPAGE.jpg).
I need help.

Thanx!

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

Please add this to Theme Options => Custom CSS:

#logo.has-img img {
    max-width: 97%!important;
}

[Therastan]

OK that’s fine.
Thank you so much!

[Therastan]

Well, I still got a problem on Chrome with a max-width: 1170px.
Perhaps I could decide to change the menu with the mobile menu ?

Attachments:

You must be logged in to view attached files.

[Swift Ideas – Ed]

Yes you can.

If you go to Theme Options > Mobile Header Options > Mobile Header Visiblity – you can set the viewport size at which the mobile menu shows.

Thanks,

– Ed

[Therastan]

Well, I have only 3 possibilities (Tablet portrait and landscape, mobile), but I would like to set the viewport size at 1170px.
Thanx

[Rui Guerreiro – SUPPORT]

Well, tablet landscape is around 1024px.
Not sure if it’s possible to adjust those values.

Will forward to Ed.

-Rui

[Therastan]

Thanx.
Could you tell me which resolution is for tablet portrait?

[Rui Guerreiro – SUPPORT]

It’s at 992px

-Rui

[Therastan]

May I have an anwser from Ed please?

[Rui Guerreiro – SUPPORT]

I just forward it again. Apologize for the delay.

-Rui

[Therastan]

Hello,
Does anybody here?

[Swift Ideas – Ed]

Hi @Therastan

I do apologize for the delay, somehow it was misassigned.

To set a custom viewport size for which it changes, you would need to add a large amount of CSS or edit the CSS found in the responsive stylesheet – not an easy job.

– Ed

[Therastan]

Sure, I know it is not an easy job. But it’s very important for my client!
I guess there’s a breaking point in a JS file?

And I still got a problem with the center logo under 1200px!

HELP

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

To fix the logo on the smaller viewport, you would use a media query. Here is an example:

@media (min-width: 768px) {
   #logo.has-img img {
      max-width: 95%!important;
   }
}

For your other customizations, you would want to work with a developer as that is not something we support via the forums.

Thanks.