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 Styling Issue

Featured Lock Resolved Issue
HI Support!

Please have a look at http://www.armysaints.com.

If you look at top menu, inbetween logo and login, you will see menu is low down on the module row. Once you start scrolling, its jumps into correct place.

How can I fix this so that the menu doesnt show low down like this before scrolling?

Many thanks

Shaun

16 Answers

Paul Frankowski - Staff

More than a month ago #Permalink
Indeed it may be irritating.
Please re-install template, maybe it will help.
---
If will not help let me know.

Paul Frankowski - Staff

More than a month ago #Permalink
Hi,
easy to solve.

.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span { margin: 0; }

Attachments (1)

  • custom_css_field_helix3.png
    custom_css_field_helix3.png 9.9 KB

Paul Frankowski - Staff

More than a month ago #Permalink
BTW
On your site there are missing :
Terms of use and Privacy Policy
-- law request for it.

djsmooth5

More than a month ago #Permalink
HI there!

I have copied and pasted that code into the spot you said and everytime i click save it takes me out the entire template setting menu and it doesnt save the code?

djsmooth5

More than a month ago #Permalink
I tried numerous times, in that box and its still not working?

djsmooth5

More than a month ago #Permalink
I have tried removing the code that is there already and just clicking save and it boots me out. Wont let me save anything it seems?

djsmooth5

More than a month ago #Permalink
HI there... Just an update... NOTHING i change in template saves. everytime i click save, its just boots me out the template settings menu?

Paul Frankowski - Staff

More than a month ago #Permalink
Custom CSS you can use also inside custom.css file according to Helix3 manual ::
https://www.joomshaper.com/documentation/helix-framework/helix3#custom-css-header-code

---
You can try from 2nd browser.

djsmooth5

More than a month ago #Permalink
HI there...

I have tried from second browser and template still not saving when i make changes. It just boots me out?

Marcus Sundberg

More than a month ago #Permalink
Hi,
easy to solve.

.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span { margin: 0; }


What the corresponding code for the logo?

Kind regards

Paul Frankowski - Staff

More than a month ago #Permalink
Marcus, what is wrong with logo?
By default it has only padding for left and right.


#sp-logo {padding-left:0; padding-right:0;}


no margins. different topic.

Marcus Sundberg

More than a month ago #Permalink
Changed the menu so it has same height and background color before after scrolling.

With this code I got the menu items stay on same margin from top (before and after scroll).
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span { margin: 0; }

Still the logo is a bit more down and when scrolling it floats up in line with the menu items.

Attachments (2)

  • Skärmavbild 2018-05-05 kl. 14.03.19.png
    Skärmavbild 2018-05-05 kl. 14.03.19.png 354.3 KB
  • Skärmavbild 2018-05-05 kl. 14.03.27.png
    Skärmavbild 2018-05-05 kl. 14.03.27.png 249 KB

Paul Frankowski - Staff

More than a month ago #Permalink
Without URL - I am blind.

Paul Frankowski - Staff

More than a month ago #Permalink
Here is Logo problem fix:

#sp-header .logo {margin: 0;}


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

124

Templates

331426

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