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:

Depth of menu bar

Featured Lock Resolved Task
Hi, Is it possible to tell me how to make the menu bar deeper. (We have a square logo which looks far too small in the existing header). Aslo we want to use a graphic in the menu that requires a bit more depth. (Helix 3 template)

Thanks

Charlotte at Consult.PW

14 Answers

Paul Frankowski - Staff

More than a month ago #Permalink
Hi,
can you show me on mock-up or screenshot - it will help me understand your concept.
And are we talking about [=] menu or Mega Menu ? For example in Mega Menu you can use several submenu items levels.

ConsultPW

More than a month ago #Permalink
Thanks Paul,

We simply want to make the menu bar (mega menu?) at the top deeper as the logo we have cannot be read easily. We need a minimum depth of 100px but cannot simply use a larger logo. We just want the best way to make the area deeper without stopping the menu from working correctly.

We can add graphics (still being designed) to the menu tabs but cannot seem to set the depth of the bar in the correct way. Any suggestions appreciated.

Attachments (2)

  • small logo.jpg
    small logo.jpg 21.2 KB
  • large logo.jpg
    large logo.jpg 25.7 KB

ConsultPW

More than a month ago #Permalink
Hi Paul,

Just to clarify what we are trying to do I have attached a jpg. As you can see, we can change the css to increase the depth but not sure how to solve the problem we have.

Thanks again for great support. Everything else is wonderful but this is driving us mad!

Happy New Year

Attachments (1)

  • menu bar.jpg
    menu bar.jpg 95.8 KB

Paul Frankowski - Staff

More than a month ago #Permalink
Hi, please share URL it will be helpful.

ConsultPW

More than a month ago #Permalink
Hi, please share URL it will be helpful.


Hi Paul,

Happy New Year

Building offline at present - due to go live at the end of the week and just the menu issue to sort out.

Paul Frankowski - Staff

More than a month ago #Permalink
if you can publish site for one day only, I will be able to can help.

ConsultPW

More than a month ago #Permalink
Thanks for your help on this Paul.

URL not available yet so had to find somewhere to stick it temporarily.

Put an old backup of the build we used to experiment on (not actual build) at http://www.paulwolstencroft.com

Super admin access - Paul(NIE)F + 1 /edited/

ConsultPW

More than a month ago #Permalink
Hi Paul,

Did you have any luck with a solution for this. I have left the old backup at the URL supplied. (Bit of a mess as we're using it experiment)

Thanks again.

Paul Frankowski - Staff

More than a month ago #Permalink
Sorry I got this message with delay. Weird. I am checking.

Paul Frankowski - Staff

More than a month ago #Permalink
Please check now ,
I overridden from 70px to 100px :

#sp-header,
.sp-megamenu-parent > li > a { height: 100px; line-height:100px; }

#sp-header .logo { height: 100px; }


And I increased column for logo, so You can use (upload) a bigger one.

Attachments (2)

  • 1--css.png
    1--css.png 6.8 KB
  • 2--effect.png
    2--effect.png 28.4 KB


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

124

Templates

331425

Community Users

Newsletter

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