Forum Replies Created
list of topics you have created till now.
-
-
ok, one last try :)
your links should look like this:
<pre> <a href="JS:document.getElementById('section1').scrollIntoView(true);">Section One Text</a> </pre>replace the letters JS with javascript
Example here: (although won’t be here forever. If example doesn’t load, find it at http://www.valleyoftoronto.com/#/about)
I give up…. It won’t let me post the code for the link which should read:
put the below between the href double quotes, no spaces replace things between square brackets with the description example [dot] is period or .
javascript [colon symbol] document [dot] getElementById [open bracket][single quote] section1 [single quote][close bracket][dot] scrollIntoView [open bracket] true [close bracket][semi colon]
Sorry, one more correction, the above post actually converted my links before I copy /pasted it, the code section above that refers to the links should look like:
Section 1 Title
and of course you need to change the $ sign to an s
I don’t feel that a tab, accordion or toggles does anything close to replacing the functionality of anchor tags / jump links. One allows you to jump through the document (a long one) the others would just show expanding areas.. I understand what you are suggesting, but don’t feel it’s a replacement.
For others who may end up here, this is my solution. Works like anchor tags are supposed to work.
First add anchor tags (I used div’s, but you can add an id to almost anything) like so into your document.
<div id=”top” class=”anchor”></div> some content <div id=”section1″></div> some content <div id=”section 2″></div> some content
etc…
Then with your links, use the following:
Section1 Link Title
This works as expected.
I put the “top” id anchor at the top of the page content, which is well below the title.
This will jump to that tag, but if you want to jump right to the top, add the following to the custom css section of the customize theme area of WP (notice the class=”anchor” in the div at the top).anchor { position: relative; top: -170px; visibility:hidden; }this will jump to the top anchor tag -170px (you can play with that number to make it perfect)
NOTE: the word java$cript in the above code needs to have the $ sign changed to an s
couldn’t post this here otherwise. Also screwed up the pre tags in the above post with brackets when I changed from the [code] bbcode style to pre tags, you can ignore/delete that post.
I don’t feel that a tab, accordion or toggles does anything close to replacing the functionality of anchor tags / jump links. One allows you to jump through the document (a long one) the others would just show expanding areas.. I understand what you are suggesting, but don’t feel it’s a replacement.
For others who may end up here, this is my solution. Works like anchor tags are supposed to work.
First add anchor tags (I used div’s, but you can add an id to almost anything) like so into your document.
[pre]
<div id=”top” class=”anchor”></div>
some content
<div id=”section1″></div>
some content
<div id=”section 2″></div>
some content
[/pre]etc…
Then with your links, use the following:
[pre]
Section1 Link Title
[/pre]This works as expected.
I put the “top” id anchor at the top of the page content, which is well below the title.
This will jump to that tag, but if you want to jump right to the top, add the following to the custom css section of the customize theme area of WP (notice the class=”anchor” in the div at the top)[pre]
.anchor {
position: relative;
top: -170px;
visibility:hidden;
}
[/pre]this will jump to the top anchor tag -170px (you can play with that number to make it perfect)
trying to post a solution for a topic… figured I’d help out, but I’m getting the following message:
403 forbidden:
A potentially unsafe operation has been detected in your request to this site.test
some code
I’ve noticed you do it on other posts…. Am I missing something?
Thanks for the response. Really enjoying the theme.
Don’t get me wrong, it does look good on all devices, I just thought it would prevent scrolling through a long menu if when on mobile it wouldn’t display the icons and would provide a smaller vertically presentation.
It does look good though.
On the flip side, having the icons makes it easier to touch with your finger which is a plus on mobile.
After careful consideration, I’m not actually sure which way I want it. I’ve left it for now.
Thanks for your response.
sorry, the site is actually http://valleyoftoronto.toutt.org/#/about
thanks
bump: realize some of the other questions were layout issues, but I answered them myself to prevent support overload.
Hoping you can find a solution for this one.
SOLVED: for anyone else that ends up here,
Two methods, one that 99% of the people will use because they’re already doing it, but personally, can’t stand it (it involves editing your functions.php file directly which will get overwritten when/if the theme updates) and the other method which won’t be fully explained here because it’s outside the scope of answering this problem, although it would be considered the correct method, and won’t fail when the theme updates.
1. Easy method… but bad on you.
Open to edit the themes ‘functions.php’ file, and as of this writing line 4640 which is (and you can search for)add_action( ‘tgmpa_register’, ‘pixelwars__plugins’ );
Comment it out. (add // in front of it)
If you are using this method, you might as well comment out the require_once line above it as it’s extra un-needed code, although I haven’t looked into this much as I am not using this method.
2. Best Practices – not editing your functions.php file at all, because you know… it might get overwritten.
Instead, make a plugin (google it… its crazy simple) and within that plugin add the following code which will remove the add action that looks for the portfolio plugin.
add_action( ‘tgmpa_register’, ‘remove_pp’, 0 );
function remove_pp() {
remove_action( ‘tgmpa_register’, ‘pixelwars__plugins’ );
}The above code will prevent the plugin requirement of the theme.
Hope this helps someone else.
also… nice theme.
Sorry for the style question.
For those who end up here, the following works, although the class ‘button’ is possibly very common, so not sure if it will remove something elsewhere. I don’t use the portfolio section, but it seems ok for the rest of the site.
It can be removed in two ways.
1. This will remove the button, but keeps a large space at the bottom of the site that the button nested in:
a.button { display: none; }
2. This will remove the p container that the button nests in and therefore the button also. This is the methos I used, but again, I’m hoping this class name is not used elsewhere.
p.launch { display: none; }
Hope this helps someone else.
Example is this page… at the top left ‘The Valley’ link is an anchor tag that behaves strangely.
Example: http://www.valleyoftoronto.dev/#/blog
remove the ‘see all posts’ button at bottom
resolved via css, just wasn’t sure if you could do this in the shortcode somehow which would be easier as an ongoing thing.
Put this online for you to check here:
http://valleyoftoronto.toutt.org/TIA
Although the main page links don’t honour the template attributes, I’ve used the bootstrap grid to provide the spacing I want for the main pages.
It’s definitely won’t be a solution for everyone, because if I use the permalink to go to the page, it is now too narrow.
That being said, it works fine for this site, so with a little more layout effort, this issue is resolved for this site.
Figured I’d post my solution for anyone else that may end up here with the same issue.
Knew I could change the localization file, but was worried it would get over written.
Loco Translate works great in case others visit. Thanks Again.
will do, thank you!
Could I attach some pics? or provide output/files. Site only exists on LAN.
Thank you very much,
worked a charm!
Sidenote, great clean theme.
