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.

[SOLVED] Responsive version logo

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

Hi,

In my responsive version the logo it´s wrong. In your demo the logo it´s text but when we put an image what can we do?

Thanks!
Attachments:
  • acvmultimedia's Avatar
  • acvmultimedia
  • 12 Month basic
  • 40 posts
  • Karma: 0
Last Edit: 4 years 11 months ago by acvmultimedia.
The administrator has disabled public write access.
Hi

Have you tried changing the widths for the different devices in the responsive layout?

How are you wanting it to look?

If possible with all new threads can you include the link for the site
(I've got the link from the pic in this case)

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

I up this video to show my problem: www.acvmultimedia.com/logo-responsive.mp4

And you can´t see www.goierri.eus website today?

Thanks
  • acvmultimedia's Avatar
  • acvmultimedia
  • 12 Month basic
  • 40 posts
  • Karma: 0
The administrator has disabled public write access.
Link wise - I see so many sites and sometimes I will need to ask a developer to take a look and they need a link on each thread

What are looking to achieve presentation wise with the logo and the menu?

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

I want the same result as in the demo, please.

Here you are my website and your demo difference.

Thanks
Attachments:
  • acvmultimedia's Avatar
  • acvmultimedia
  • 12 Month basic
  • 40 posts
  • Karma: 0
The administrator has disabled public write access.
Hi

Currently the logo is full width so the menu is dropping down are you able to set it on one line by tweaking the css of the links so it fits?

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

Can you add this for the logo image

@media screen and (max-width:968px){
#logo {padding: 0 0 30px 20px;}
}
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
The media query is adding space so it fits - the value is your current breakpoint

So if you change the breakpoint you will need to change the value used

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
After this - moving to the responsive toggle button and menu

You need to set the logo and menu to 12 for the tablet and x small mobile

You may also need it on medium but you will need to check on that

That together with the logo css should bring them into alignment

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
The following user(s) said Thank You: acvmultimedia
Thank you!!!!
  • acvmultimedia's Avatar
  • acvmultimedia
  • 12 Month basic
  • 40 posts
  • Karma: 0
The administrator has disabled public write access.
All sorted?

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Yes, all sorted! I´m opened again de site, you can see here: www.goierri.eus
  • acvmultimedia's Avatar
  • acvmultimedia
  • 12 Month basic
  • 40 posts
  • Karma: 0
The administrator has disabled public write access.
Thanks are you able to use 2 widths for the logo and 10 for the menu?

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
No, in large position I have to use logo 1 width and menu 11 because If I use 2 / 10 menus go down.

In small position I´m using 2 widths for the logo and 10 for the menu.

It´s important 2/10?

Thanks
Attachments:
  • acvmultimedia's Avatar
  • acvmultimedia
  • 12 Month basic
  • 40 posts
  • Karma: 0
The administrator has disabled public write access.
I'd check in a browser like Chrome

I think you are viewing in a browser like firefox - a browser that doesn't resize images like Chrome does

In Chrome it will resize an image so it fits the available space - in this case the image is quite small because of it

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Oh!!!!! It´s true!!!! I have change 2/10 but menu it´s wrong. Can you help me with the menu?

Thanks
  • acvmultimedia's Avatar
  • acvmultimedia
  • 12 Month basic
  • 40 posts
  • Karma: 0
The administrator has disabled public write access.
I'd look to see if you have options with your custom styling padding wise and see if the text of the link " Nuevas iniciativas empresariales" could be reduced
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
I reduced the text link, and now it´s OK. The problem is that I need client OK. See if we're lucky.

Thanks
  • acvmultimedia's Avatar
  • acvmultimedia
  • 12 Month basic
  • 40 posts
  • Karma: 0
The administrator has disabled public write access.
Good luck :)

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
The following user(s) said Thank You: acvmultimedia
I´m lucky!!!! Now is "incubadora" ;)
  • acvmultimedia's Avatar
  • acvmultimedia
  • 12 Month basic
  • 40 posts
  • Karma: 0
The administrator has disabled public write access.

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

Happy Campers