End of Support for Joomla 3 - Forum closed

Jumping to #main-content hides title of article

  • tlr65
  • tlr65's Avatar Offline Topic Author
  • Fresh Boarder
  • Fresh Boarder
  • Posts: 12
  • Thank you received: 0

Jumping to #main-content hides title of article was created by tlr65

Posted 4 years 8 months ago #26053
Dear Support-Team, dear Fellows!

In a module I put a button that shall lead to single article.
1. To create the link I used the article selector at the bottom end of my editor.
Following that link I end up at the top of the page where I have to scroll down to make the article visible.
2. If I add #main-content to the created link the article is visible at once BUT without the title of the article i.e. I need to scroll up to see the title.

As a workaround I might jump to #top-d but row top-d is not empty in my case.
Another workaround is to duplicate the text of the title into the article's content and make the title invisible.

Both workarounds create quite some effort.
Is there another solution? Maybe a fix to the code where target #main-content is implemented?

Best regards
Thomas
by tlr65

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

Replied by joomlaplates on topic Jumping to #main-content hides title of article

Posted 4 years 8 months ago #26055
Hello,
you can setup the offset like this
<a href="#my-id" data-uk-smooth-scroll="{offset: 90}">...</a>

getuikit.com/v2/docs/smooth-scroll.html

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

  • tlr65
  • tlr65's Avatar Offline Topic Author
  • Fresh Boarder
  • Fresh Boarder
  • Posts: 12
  • Thank you received: 0

Replied by tlr65 on topic Jumping to #main-content hides title of article

Posted 4 years 8 months ago #26056
Thank you for this valueable and prompt workaround!
Will you put the fix to your backlog?
by tlr65

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

  • tlr65
  • tlr65's Avatar Offline Topic Author
  • Fresh Boarder
  • Fresh Boarder
  • Posts: 12
  • Thank you received: 0

Replied by tlr65 on topic Jumping to #main-content hides title of article

Posted 4 years 8 months ago #26058
hm, doesn't seem to work for me, yet.

Please see below.
The first button hides the title.
The second button does not change the article.
Any other ideas?

Cheers Thomas
Code:
<a class="uk-margin-large-top uk-button uk-button-secondary" href="index.php?option=com_content&view=article&id=40&catid=14#main-content">Dokumente beflügeln!</a> <a class="uk-margin-large-top uk-button uk-button-secondary" href="index.php?option=com_content&view=article&id=40&catid=14#main-content" data-uk-smooth-scroll="{offset: 90}">Dokumente beflügeln!</a>
by tlr65

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

Replied by joomlaplates on topic Jumping to #main-content hides title of article

Posted 4 years 8 months ago #26060
Live url please

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

  • tlr65
  • tlr65's Avatar Offline Topic Author
  • Fresh Boarder
  • Fresh Boarder
  • Posts: 12
  • Thank you received: 0

Replied by tlr65 on topic Jumping to #main-content hides title of article

Posted 4 years 8 months ago #26099
sorry, for late reply, I was on a trip.
the page is not online, yet.
How can I send login data to you?
by tlr65

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

Moderators: joomlaplates

Installations-Service

Don´t waste your time, we install your purchased Template
with the "Demo Content" within the next 24 hours.

Buy Now - 59€

Joomlaplates/Theme-Point is not affiliated with or endorsed by Open Source Matters or the Joomla! Project

Copyright © 2024 JoomlaPlates | Professional Joomla Templates with Uikit 3

Disclaimer & Privacy | License