Logo Height Responsiv - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

Logo Height Responsiv

J

Jürgen

Helix Framework 2 years ago

Hello, my logo height is 60 px (basic) on desktop. All Ok. Problem: logo height with smaller window (e.g. Smartphone) is always 36px.

I tried to change this into 60px height within custom css. For example with:

@media(max-width:992px) { .logo-image-phone { height: 60px !important; } }

Clear cache and clear browser chache. No success, always 36px height.

Any idea? Jürgen

0
8 Answers
J
Jürgen
Accepted Answer
2 years ago #100438

Now I have found the right solution: (the solution before was not the best solution)

@media(max-width:992px) { .logo-image { height: 60px !important; } }

Greetings

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 2 years ago #100065

Hi

Thanks for contacting us. Could you please give me your site URL and also screenshot of your issue?

-Regards.

0
J
Jürgen
Accepted Answer
2 years ago #100066

Just a moment. I give you an access to administration. Now in hidden content

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 2 years ago #100082

Did you insert that css in your custom.css file? You have to insert them in your custom.css file. Then clear your browser cache and check.

0
J
Jürgen
Accepted Answer
2 years ago #100093

Yes. I use for test the template "shaper_helixultimate – Standard (2)" (joomla backend) For testing the only content for the field "custom css":

@media(max-width:992px) { .logo-image-phone { height: 60px !important; } }

clear cache: yes on desktop and smartphone

Always height: 36px.

If you want you could use the joomla admin/frontend access.

0
J
Jürgen
Accepted Answer
2 years ago #100152

Hello, i could not solve the problem about css. I tried everything possible for two days. Without success. Is this a BUG ? I guess I'm not the only one with this problem either.

However, I was able to solve the problem differently: I have the logo with a module and there inserted logo solve. Module position: logo.

For the future the following improvements would be necessary:

  1. setting (e.g. height) for logos on mobile devices.
  2. possibility to insert logo AND text

Many greetings, Jürgen

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 2 years ago #100262

Glad to know that you have find the solution and thanks for sharing. You can now close this post by accepting the answer.

0