Related
This discussion has been locked.
You can no longer post new replies to this discussion. If you have a question you can start a new discussion

connect web menu - win7 - firefox

8548100

If someone want the menu work again with a workaround on windows 7 and firefox ( not supported by garmin because obsolete )  you  have to create the userContent.css on firefox

  1. Open Firefox and press Alt to show the top menu, then click on Help → Troubleshooting Information

  2. Click the Open Folder button beside the Profile Folder entry

  3. Create a folder named chrome in the directory that opens

  4. In the chrome folder, create a CSS file with name userContent.css

  5. Copy the following code to userContent.css

    @-moz-document domain(garmin.com) {
    .MainSidebar_menuItemText__IqSkz { opacity : 1 !important; margin-left:27px; padding-right: 5px; color: #fff !important;}
    .MainSidebar_children__Fb1Eo {   margin-left: 0px !important;    list-style-type: none ;    padding: 0 ;   height:0; margin: 0 ;    visibility: hidden ;   transition: padding 250ms ease, margin 250ms ease, visibility 0ms 250ms;}
    .MainSidebar_openChildren__Tpb7h {  height: 100% }
    .MainSidebar_sidebarMenuItems__J6niH { list-style:none; margin-left: 0px !important;}
    }

  6. Open another tab in Firefox, go to about:config, and set toolkit.legacyUserProfileCustomizations.stylesheets preference to true.

  7. Restart Firefox.

with this modification you apply others css rules to the page  so return to work  without plugin .  

  • 0

    Thanks works for me .. win7 + firefox 115.23.1

  • 0

    Thank you "8548100"!!!

    Works for me, too :-)

  • 0

    Thank you, works like a charm! :-)

  • 0

    can you, by any chance, restore old version of connect web with your css magic?

  • 0 in reply to 7618932

    Describe the old version. I don't remember. If the page changes a lot, you can't change it. It's just the style of the page. There are small things that are not correct in this solution (text overlaps or is not styled, for example in the activity header). I try to keep updated and fix these things (when I have some time). If Garmin changes the page, this fix will not work anymore, but if that happens I will try to update. I'm a runner, so I see the page almost every day.

  • 0

    Is there a straightforward way to do this in MS Edge?

  • 0 in reply to 7589378

    1) Open Edge

    2) Install https://ublockorigin.com/ 

    (it's a browser extension which blocks ads and can also change other things about the way pages look)

    3) Open the extension settings and select the My Filters tab

    4) Make sure the "Enable my custom filters" checkbox is checked

    5) Add the following lines to the custom filters box:

    connect.garmin.com##[class*=MainSidebar_menuItemText] { opacity : 1 !important; margin-left:27px; padding-right: 5px; color: #fff !important;}
connect.garmin.com##[class*=MainSidebar_children] {   margin-left: 0px !important;    list-style-type: none ;    padding: 0 ;   height:0; margin: 0 ;    visibility: hidden ;   transition: padding 250ms ease, margin 250ms ease, visibility 0ms 250ms;}
connect.garmin.com##[class*=MainSidebar_openChildren] {  height: 100% }
connect.garmin.com##[class*=MainSidebar_sidebarMenuItems] { list-style:none; margin-left: 0px !important;}

    6) Press Apply changes

    7) Open [or reload] connect.garmin.com

    This procedure also works for Chrome and Firefox.

  • 0

    they change something . Add this line to usercontent.css of the first post and menu is show again . 

    .MainSidebar_menuItem__nIVFr {display:block !important;}

  • 0 in reply to 8548100

    Thanks again for your help !!

  • 0

    Is it finally dead? Since 3 days ago I can't access and receiving a json error.