Chrome and Firefox differences and one more…

superichy
(@superichy)

9 years, 10 months ago

Hello Mark! Thank you very much for your help and your plugin, it worked like a charm on my site! http://www.coopportena.com.ar.
Reading at this forum, I was able to achieve a white background for the menu, then for the sticky menu too… 😉

The questions I have now:
1- If you scroll down my site with Firefox, you will see the sticky menu idem the main menu. However, if you scroll down my site with G. Chrome, you’ll see that the last menu entry (CONTACTO); drops down a row…

2- With the option “Check for Admin Toolbar” enabled or disabled, you can see a “transparent” space between the sticky menu and the Firefox (or Chrome) Bookmarks toolbar. Any help will be appreciated, thank you again!

Richy

https://wordpress.org/plugins/sticky-menu-or-anything-on-scroll/

Viewing 4 replies - 1 through 4 (of 4 total)

Thread Starter superichy
(@superichy)

9 years, 10 months ago

With Firebug, I found that changing padding on this block of code:

element.style {
left: 660.5px;
margin-left: 0;
margin-top: 0;
padding: 5px 0 0;
position: fixed;
top: 0;
width: 881px;
z-index: 99999;
}

From 5px to 0px, it seems the “transparent” space disappear… But I’m not able to find that piece of code
Senff – a11n
(@senff)

9 years, 10 months ago
The issue seems to be that some elements in your menu have a width that contains sub-pixels (e.g. the second item is 137.2 pixels wide). Once the menu becomes sticky, it appears that the width of the entire menu is 1 pixel less wide than when it’s not sticky.

Not really sure why, but I’m looking into it.

In the meantime, you could use this as a *temporary* workaround:
```
@media screen and (min-width: 801px) {
   .menu-main {
      width:896px;
   }
}
```
Senff – a11n
(@senff)

9 years, 10 months ago

So it might be a bug with my plugin… I’ll have to check what needs to be done to fix it. Could take a few days 🙁

Senff – a11n
(@senff)

9 years, 9 months ago

I’ve made a test version available for you, to try and see if that fixes the issue. Please follow these steps to install:

1. download the test version of the plugin from https://bitbucket.org/senff/sticky-menu-or-anything-wp/get/bugfix/width-of-sticky-element-subpixels.zip
2. unzip the file to your hard drive
3. copy all of its contents to /wp-content/plugins/sticky-menu-or-anything (overriding all existing files in that directory, if you already had it installed before)

The only thing that is different from this version is the fix for your specific bug, so nothing else was changed, and in theory it should only fix your issue and nothing else.

Please let me know if it solves the problem or not.

Thanks! 🙂

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Chrome and Firefox differences and one more…’ is closed to new replies.