Support Forum

Please note that this forum is only available to you in read only mode. In order to contribute to this conversation you will need to renew your subscription.

Challeges with logo display in responsive layout

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

Hi,

I'm experiencing some challenges with my logo displaying correctly when viewed on my Samsung G3 Smartphone (this is my only means of testing responsiveness- other than resizing the browser window on my laptop).

The logo is covering content at the top of the page. You can see what I mean here:
studentsshapingtheworld.ca

I've tried to correct this by following the content of thread -
www.joomlabamboo.com/index.php?option=com_kunena&view=topic&catid=676&id=114659&Itemid=215
but I have had no luck.

Any help would be appreciated.

Thanks,

Percy
  • Percy's Avatar
  • Percy
  • LIfetime Developer - Big Bamboo
  • 330 posts
  • 1 Thanks
  • Karma: 1
The administrator has disabled public write access.
Hi Percy,

Vertical logos do tend to cause problems - I'm assuming you have to use this orientation?

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Hi Paul,

Ideally, I would like to have a horizontal logo - the logo on the left, and the site name to the right of the logo.. with the menu immediately below the logo and site name. But I can't seem to make this happen. I'd like the logo height and the site name to be about 200 pixels - inclusive).

Thanks,

Percy
  • Percy's Avatar
  • Percy
  • LIfetime Developer - Big Bamboo
  • 330 posts
  • 1 Thanks
  • Karma: 1
Last Edit: 8 years 9 months ago by Percy.
The administrator has disabled public write access.
If you float the image to the left so the text is to the right how does that look?

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
I'd need an explanation on how to do that please Paul.

Thanks
  • Percy's Avatar
  • Percy
  • LIfetime Developer - Big Bamboo
  • 330 posts
  • 1 Thanks
  • Karma: 1
The administrator has disabled public write access.
I think I would personally shrink the logo size as it's too big

I'd also edit the html of the module itself

perhaps something along the lines of

<h2><img src="/images/sstw/sstwLogoWeb.png" alt="sstwLogoWeb">
<a href="/index.php">Students Shaping the World </a>
</h2>
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Hi Paul,

I have reduced the size of the logo (to as small as I care to reduce it) 107 x 150.
I still cannot get it to view correctly on smartphone. Any chance you can help? I'd like to move along. Am investing to much time in getting logo to work/view correctly in template.

Thanks,

Percy
  • Percy's Avatar
  • Percy
  • LIfetime Developer - Big Bamboo
  • 330 posts
  • 1 Thanks
  • Karma: 1
The administrator has disabled public write access.
Hi Percy,

Can you try setying the logo width to 12 on xs in the template settings?
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Have you altered any css that might affect the mobile menu toggle?
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Hi Paul,

For some strange reason, my Logo position has disappeared. :angry:
Can I provide access via ticket so you can see what's going on?
lmk

Thanks

Percy
  • Percy's Avatar
  • Percy
  • LIfetime Developer - Big Bamboo
  • 330 posts
  • 1 Thanks
  • Karma: 1
The administrator has disabled public write access.
... and now it's back! doh
  • Percy's Avatar
  • Percy
  • LIfetime Developer - Big Bamboo
  • 330 posts
  • 1 Thanks
  • Karma: 1
The administrator has disabled public write access.
Hi Paul,

Expanding logo to 12 helps, but still not correct.
After expanding logo to 12, main menu has disappeared.

Cheers,
Percy
  • Percy's Avatar
  • Percy
  • LIfetime Developer - Big Bamboo
  • 330 posts
  • 1 Thanks
  • Karma: 1
The administrator has disabled public write access.
Hi Percy,

You changed the logo width to 12 on the xs (extra small) device only right?

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

Happy Campers