We’re with you. JoomShaper is offering a 20% Discount on all plans due to the impact of COVID-19.

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


More than a month ago #Permalink
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.


More than a month 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


More than a month ago #Permalink
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!




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. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us