-
AuthorPosts
-
May 16, 2015 at 12:17 am #445195
http://www.gravitygroms.com/gravity-groms-news-and-photos/
When you click on the items in the menu which are all linked with #anchors – the page reloads – and then navigates to the color section with the anchor id. It used to scroll smoothly without leaving the page. Also it now navigates to the color section – but there is around 100px or more above the color section which is not normal either for the anchor navigation.
Same thing happens here: http://www.gravitygroms.com/#camps
When I go to Appearance and then Menu I can no longer edit the Custom Links that correlate to these pages. Clean install of current version and current version of wordpress…
- This topic was modified 9 years, 7 months ago by ewingmh.
May 18, 2015 at 2:20 pm #445657Hi ewingmh!
I’m not sure I understand what you mean, but it will only not load a new page if the section is located on the same page as the anchor. If the anchor is located on another page, the new page has to be loaded to be viewed.
Regards,
RikardMay 18, 2015 at 6:08 pm #445915So if you’re on http://www.gravitygroms.com/gravity-groms-news-and-photos/ and click any of the submenu items it should work the way you describe?
Also why is there the extra 100px or so at the top of the page when you click on any of the submenu items? The anchors are all using color sections with no extra space in them.
May 19, 2015 at 3:46 pm #446483Hi!
Yes, and it seems to be working when clicking the submenu anchors on your site.
About the space, do you mean the space between the section in question and the menu?
Regards,
RikardMay 19, 2015 at 5:11 pm #446572
The space denoted by the red arrow when you click on the submenu link – normally it should scroll to the top of the color section that has the anchor tag.I’m not seeing it work in Chrome – if you’re looking at the #photos page and then click on #videos or #newsfeed – the entire page reloads and doesn’t just scroll to the anchor.
May 21, 2015 at 3:56 am #447535Hi!
The link or url is incorrect. It should be:
http://www.gravitygroms.com/#camps
Instead of:
http://www.gravitygroms.com/gravity-groms-crested-butte-camp#camps
Cheers!
IsmaelMay 21, 2015 at 9:07 am #447614Again So if you’re on http://www.gravitygroms.com/gravity-groms-news-and-photos/ and click any of the submenu items it should work the way you describe?
Also why is there the extra 100px or so at the top of the page when you click on any of the submenu items? The anchors are all using color sections with no extra space in them.
May 22, 2015 at 5:29 am #448155Hi!
Yes, the link should take you to http://www.gravitygroms.com/#camps section. Under the “Camps” menu, they all point in the same section except the 4th one. Why is that?
Best regards,
IsmaelMay 22, 2015 at 5:43 am #448160I’m confused as to why you’re not reading my question – please forget about the camps – I’m asking you about the news and photos page:
Again So if you’re on http://www.gravitygroms.com/gravity-groms-news-and-photos/ and click any of the submenu items it should work the way you describe?Also why is there the extra 100px or so at the top of the page when you click on any of the submenu items? The anchors are all using color sections with no extra space in them.
May 23, 2015 at 7:41 am #448975Hi!
This is the page that you set as the home page, right? http://www.gravitygroms.com/gravity-groms-crested-butte-camp
If you use that it will redirect to the home page, that’s why this url will not work:
http://www.gravitygroms.com/gravity-groms-crested-butte-camp#camps
For the photo/videos pages, you need to use the actual url plus the anchor name:
http://www.gravitygroms.com/gravity-groms-news-and-photos#videos
Regarding the top margin, that should not be happening by default. Did you add any modifications to the theme? Did you modify the header height?
Cheers!
IsmaelMay 25, 2015 at 8:13 pm #449705This doesn’t work still – If I’m on http://www.gravitygroms.com/gravity-groms-news-and-photos/ – and then click on either Photos or Videos – the page completely reloads – it doesn’t smoothly scroll down to the anchor – it completely refreshes and shows up… and it shows up with the extra spacing on top…
May 26, 2015 at 6:16 am #449814Hi!
Could you try to add the anchors with a trailing slash, like this: http://www.gravitygroms.com/gravity-groms-news-and-photos/#videos
Regards,
RikardMay 26, 2015 at 6:44 am #449828Thats how I had them when all of this started and then Ismael suggested I change them in his comments above. Regardless – neither way works. Feel free to use the login I gave you to play around with it.
May 27, 2015 at 6:32 am #450431Hey!
You can’t change the url of the mega menu columns. You need to add an item inside the columns. Please do the same for the photos and video section links: http://www.gravitygroms.com/wp-admin/nav-menus.php
Check the new menu here: http://www.gravitygroms.com/
If you want the same styling for the mega menu items, use the Quick CSS field. The home and the camp menu are the same page(http://www.gravitygroms.com/wp-admin/post.php?post=11&action=edit). Was that intentional?
Cheers!
IsmaelMay 28, 2015 at 6:43 pm #451357Thanks for changing your original response to something more professional and helpful Ismael… so yes it was adding a dash for url and menu item for each column and then adding links below the columns that solved the anchor issue for anyone else that runs into this problem.
The spacing was caused by this in my custom css: #header_meta .container { position: relative; top: 50px; }
#header_meta { margin-top: -36px; } which I had added to fix an issue that was created by adding the <br> tag into the menu items – I changed that to be .html_header_top.html_header_topbar_active.html_header_sticky.html_bottom_nav_header #top #main { padding-top: 173px !important; }Thanks again for your help guys.
Why is it that after posting to your forums the screen doesn’t refresh? You have to hard refresh to show the new post.
- This reply was modified 9 years, 7 months ago by ewingmh.
May 30, 2015 at 7:04 am #451912 -
AuthorPosts
- The topic ‘#Anchor no longer scrolling smoothly and adding space at top of page’ is closed to new replies.