JoomDev: Logo bleeds out in mobile view (1/1)
Welcome, Guest
Username: Password: Remember me

TOPIC: Logo bleeds out in mobile view

Logo bleeds out in mobile view 8 months 1 week ago #5475

  • Gabriel
  • Gabriel's Avatar
  • Offline
  • New Member
  • Posts: 3
  • Karma: 0
Dear,

I believe to have a beginner's question -
On tablet and desktop, my logo on top (a relative wide image) scales all right, however in the mobile view, this image completely bleeds out (= doesn't scale at all, causing to have to scroll to the right just to see the rest of the image).
I was trying as an alternative to hardcode another, smaller logo for the mobile-version, but don't see how it's recognized as such.
Can you help please?
Thanks a lot already..
www.moederbord.be
The administrator has disabled public write access.

Logo bleeds out in mobile view 8 months 1 week ago #5491

  • admin
  • admin's Avatar
  • Online
  • Administrator
  • Posts: 983
  • Thank you received: 146
  • Karma: 25
Hello,

Your website link is doesn't work. Can you provide the correct link please.
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.
The administrator has disabled public write access.

Logo bleeds out in mobile view 8 months 1 week ago #5493

  • Gabriel
  • Gabriel's Avatar
  • Offline
  • New Member
  • Posts: 3
  • Karma: 0
Hi - I'm sorry not sure what happened there.. here's the correct link:
www.hetmoederbord.be

..and thanks for even having a look at it
The administrator has disabled public write access.

Logo bleeds out in mobile view 8 months 1 week ago #5494

  • chandandeep
  • chandandeep's Avatar
  • Offline
  • Administrator
  • Posts: 2127
  • Thank you received: 344
  • Karma: 56
Hi,

You set the logo width, height from the template setting.I suggest you write the width and height in style sheet and for mobile view write in @media.

Thanks,
Chandan
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.
The administrator has disabled public write access.

Logo bleeds out in mobile view 8 months 5 days ago #5536

  • Gabriel
  • Gabriel's Avatar
  • Offline
  • New Member
  • Posts: 3
  • Karma: 0
Hello Chandandeep,

Thanks for your response - I've been trying but not getting it completely, I'm afraid.. I understand it's the width of th #rt-logo which I need to set manually. But which CSS file should I be overwriting the width and height in: mediaqueries.css ? (under @media only screen and (max-width: 480px) )

Wishing you a nice weekend/day still
The administrator has disabled public write access.

Logo bleeds out in mobile view 8 months 3 days ago #5542

  • chandandeep
  • chandandeep's Avatar
  • Offline
  • Administrator
  • Posts: 2127
  • Thank you received: 344
  • Karma: 56
Write the code in template.less file

Thanks,
Chandan
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.
The administrator has disabled public write access.
Time to create page: 0.383 seconds