fbpx
Welcome, Guest
Username: Password: Remember me

TOPIC: Menu with background

Menu with background 11 months 2 weeks ago #30284

Hi,

I want to make only the menu have background content without full-width rails.

I am using Template Zero.
Joomla Version 3.9.27 Framework Version: 2.5.2

Can you help me please?

Follow the link and the prints below:

altojequitiba.mg.gov.br/inicio-novo
Attachments:
The administrator has disabled public write access.

Menu with background 11 months 2 weeks ago #30288

  • Lalit Kumar
  • Lalit Kumar's Avatar
  • Offline
  • Moderator
  • Posts: 781
  • Thank you received: 101
  • Karma: 27
Hello,

You can manage the header background color form the Astroid Backend:
Colors > header
See the screenshot: prnt.sc/19f727f

But whatever color you give, it will come on the whole header because the logo and header block position are also part of the header.
See the Screenshot: prnt.sc/19f977d

Thanks,
Lalit
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.

Menu with background 11 months 2 weeks ago #30292

Thank you very much for the reply my friend but I already knew about it.

What I want to know is if I can put a background just in the menu through a custom code by css.

Can you help me with this question please?
The administrator has disabled public write access.

Menu with background 11 months 2 weeks ago #30301

  • chandandeep
  • chandandeep's Avatar
  • Offline
  • Administrator
  • Posts: 4614
  • Thank you received: 652
  • Karma: 116
Hello,

Everything is possible my friend.

In this scenario, you have to some hard work.

First, you have to change the Header Mode from Stacked to Horizontal = Left.
Second, Remove the logo from the template settings.
Third, create a new section above the header section but divide it into two columns. First for logo and second for search.
Use custom module for logo and used the attached link. Make sure text editor set as Editor - None

<code>
<a href="altojequitiba.mg.gov.br/">
<img src="IMAGEPATH" alt="ALTO JEQUITIBA">
</a>
</code>

Thanks,
Chandan
Attachments:
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.

To know more about products check out the their documentation.
The administrator has disabled public write access.
Moderators: chandandeep
Time to create page: 0.381 seconds
Cron Job Starts