1. carolyn
  2. Sherlock Holmes
  3. Commercial Templates
  4. Thursday, 09 January 2020
  5.  Subscribe via email
I'm using the one-page website style, and have turned on the sticky menu header. However, in this mode when the page scrolls upwards, it falls behind the logo/menu section. I really want to keep the top menu in place; is there some way to fix this?

kottinstitute.org
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you! That worked, though I had to give it a big -200 px to fall where I wanted it to.
  1. more than a month ago
  2. Commercial Templates
  3. # 1
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

Have you tried amending the Miscellaneous -> Scroll To Offset option in your template settings?

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 2
Accepted Answer Pending Moderation
0
Votes
Undo
In the screenshot above, the menu link "Application Process" scrolls to fall into the 3 boxes, and doesn't hit the top of the headline "The Application Process" which is the top of the bottom-1 module where the menu link directs it. Basically, the menu links don't scroll to the TOP of each module section, which would be expected.

Ideally I'd like both the logo and the menu to be sticky.
  1. more than a month ago
  2. Commercial Templates
  3. # 3
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

Maybe I misunderstand your query. You wish to just have the menu sticky, not the logo?

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 4
Accepted Answer Pending Moderation
0
Votes
Undo
I don't see any change after adding the code.

Screenshot attached of the "Application Process" menu item. I'd like it to fall at the main headline for that section. Other sections are worse in that they cover the bulk of the copy for that section.
Attachments (1)
  1. more than a month ago
  2. Commercial Templates
  3. # 5
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Carolyn

To amend try adding the following to the Custom CSS field of your templates parameters (Extensions -> Templates -> [YourTemplateStyle] -> Custom CSS)....

.is-sticky .logo {
padding: 0 30px 20px;
}


Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 6
  • Page :
  • 1


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

Join Our Newsletter

* indicates required
We respect your privacy and do not tolerate spam and will never sell, rent, lease or give away your information (name, email, number, etc.) to any third party. Nor will we send you unsolicited email.
Joomla51 - Mullaghmore, Co. Sligo, Ireland
Joomla51.com is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by
Open Source Matters
the trademark holder in the United States and other countries.