hmm it doesn't seem to have had any effect. The same thing is happening.. on each screen on load i added a custom javascript code event. I also made sure that my navbar element is called navbar. No luck

ok thanks where exactly should i enter this code?

yes that is correct. on the homescreen i have the homescreen set as active. when i navigate to a second page and then back to homescreen. The second page icon stays highlighted instead of homescreen navicon

when i switch between screens the navicon is not changing to the current page. The last page icon is still remaining as active. How do i set the current page navmenu icon to active on page load. Also I assume i will need to change the previous page's icon to inactive.

like this

that is not what i need. The image and 4 label fields under it is one iteration , the second interation is another image and 4 label fields under the image.

the iteration is 1 image and 4 label fields. so the next interation is also 1 image and 4 label fields which should be to the right

ok i have shared it