Issue with fixed wrapper ane menu # links

Issue with fixed wrapper ane menu # links was created by Boradan

Posted 7 years 2 months ago #39940
Minor issue:

When using a fixed to top navigation menu and then using #module within a menu item link, the page scrolls fine to the module, but the module goes to the top of the page, thus the top part of the module is hidden behind the fixed wrapper.

Can be seen in action here :

www.sb-es.co.uk

(also, apologies about today... all I seem to be doing is coming up with issues :( )
by Boradan

Please Log in or Create an account to join the conversation.

Replied by ced1870 on topic Issue with fixed wrapper ane menu # links

Posted 7 years 2 months ago #39941
Hi again

(also, apologies about today... all I seem to be doing is coming up with issues :( )

I asked myself if you decided to kill my day ;)

if you use Scroll To CK to scroll, you can select in the plugin option the vertical offset to avoid your elements to be in a bad position
CEd

Joomlack Webmaster and Developer

by ced1870
The following user(s) said Thank You: Boradan

Please Log in or Create an account to join the conversation.

Replied by Boradan on topic Issue with fixed wrapper ane menu # links

Posted 7 years 2 months ago #39948
I think you misunderstood (or I explained poorly).

It isnt the 'scroll to top' plugin that is the issue, that works perfectly fine.

I have the menu items on the front page scrolling to anchors (a built in joomla feature):

i.gyazo.com/8811d01b92952da6c42e51aa8daff79b.png

you can see in the above image that the 'Fire Systems' link is set as an external URL in the parent.
It is set to use the 'fire-a' BLOCK as its anchor.
Unfortunately, this means that it sends this block to the very TOP of the page, behind the fixed menu, so that the top of the content is hidden.

I tried working around this by creating an anchor in the content itself, but the same issue is present.


**EDIT**
Figured out a workaround - I used the menu item to anchor to the WRAPPER name rather than the module name.
Its not perfect - it just so happens that my wrappers have a padding of 150px, so this can compensate.
It would not work for wrappers that have no padding (or whose padding was less than the height of the fixed menu)
by Boradan

Please Log in or Create an account to join the conversation.

Replied by ced1870 on topic Issue with fixed wrapper ane menu # links

Posted 7 years 2 months ago #39949

I think you misunderstood (or I explained poorly).

I don't think so. I think that you did not understand my answer ;)

actually you don't use the Scroll To CK plugin as smooth scroll for your anchors because you don't have the "scrollTo" css class on your links
If you used it, you could set an offset to the scroll that would avoid your anchor to be behind the fixed element. You can edit hte plugin >> system >> scroll To CK to see what I mean

additionnaly, the scroll/anchors feature is not something managed in the template ;)

Joomlack Webmaster and Developer

by ced1870

Please Log in or Create an account to join the conversation.

Replied by Boradan on topic Issue with fixed wrapper ane menu # links

Posted 7 years 2 months ago #39951
<<< Idiot
didn't realise there was a 'scrollTo' css class built in to the scroll to plugin :(
by Boradan

Please Log in or Create an account to join the conversation.

Replied by ced1870 on topic Issue with fixed wrapper ane menu # links

Posted 7 years 2 months ago #39952
lol, +1 for me :D

Joomlack Webmaster and Developer

by ced1870

Please Log in or Create an account to join the conversation.

Time to create page: 0.654 seconds

Fast and powerful creation, customizable and responsive.

Read More

We have 1022 guests and no members online