Support Offline : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

Menu with graphic

Featured Lock Resolved Task
I have a question:
How can I integrate a blue bar in the menu? I despair of the background graphics.
Thanks in advance.
Best regards

Attachments (1)

  • Header.jpg
    Header.jpg 489.3 KB

4 Answers

Hello from Hamburg, there are different solutions...
if you don't need the default shadow below the header menu bar, you might modify that box-shadow property accordingly:

#sp-header {
box-shadow: 0 10px 0px rgba(0,0,255,1);

Change the rgb color to your liking and set alpha value to "1".
Or just use a solid hex color instead #000000

You might also remove the box shadow with "none",
then add a regular border-bottom: 10px solid #000000;

Hope this helps.


3 weeks ago #Permalink
Hello or "Moin"
Thank you for the quick help. That's the best solution for the job.
All the best or "Allerbest" from Emden
You're most welcome! ;)
(you can mark the comment as answer)

There are no replies made for this post yet.
Be one of the first to reply to this post!

Leaderboard (30 days)

Paul Frankowski

Paul Frankowski

Total Accepted Answers: 109


Total Accepted Answers: 64


Total Accepted Answers: 44
Mehtaz Afsana Borsha

Mehtaz Afsana Borsha

Total Accepted Answers: 17
Rashida Rahman

Rashida Rahman

Total Accepted Answers: 17




Community Users


Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us