[JavaBratt]

First and foremost, I know absolutely nothing (unfortunately) about the code part of the svg and what I do is strictly copy & paste from a tutorial where all I have to do is change some dimensions. That being said, here's my problem....

The theme I am working on is going to have an 18-icon scrolling dock, weather slot in the banner as well as clickable meters. Unfortunately, I can't get the clickable meters to work by the time I get it all put together and they work fine in the beginning.

What I've done is created a new composer, placed all my icons (one in banner and 18 across the bottom). Then I proceed to import my images for the clickable meters, convert them to buttons etc. At this point everything works fine (clickable meters, focus icons etc), but the dock doesn't scroll because I haven't yet added the code to the svg. Once everything looks how I want it, I add the code to my svg file and a few problems occur...

One, the weather slot in the banner slides with the rest of the dock which its obviously not supposed to do and its focus shows all the time even though its set up like the other icons, which work as intended (and it worked fine prior to the code being inserted).

Two, the clickable meters don't show their focus icon when hovered over.

So I'm wondering how to fix these problems? Should I put the weather slot and clickable meters on a second layer?

Any advice that can be offered will be greatly appreciated and thanks in advance to those who reply!