bootstrap-pagespeed icon indicating copy to clipboard operation
bootstrap-pagespeed copied to clipboard

No menu-icon with "above the fold"

Open PascalHH opened this issue 11 years ago • 2 comments

I found a new problem: With the css in the head (for above the fold) on mobile or on small sized browser-window there is not the menu-icon visible and the complete nav-bar is visible..

Pic-1 = without "above the fold" css... But no 100/100 at page speed... Pic-2 = with your css in head with 100/100 at page-speed...

These pics are from google speed-test, but on my Samsung Galaxy the I've same problem... :-(

Pic-1 home-2 Pic-2 home-3

.

PascalHH avatar Dec 07 '13 21:12 PascalHH

Hey @PascalHH, good catch!

it looks like the CSS isn't getting loaded properly in the mobile browser using the "remove render blocking css" technique. this makes sense because the solution i provide is not cross browser compatible.

i've done a tiny bit of research into finding a true cross browser solution, however I haven't been successful yet :frowning:

i won't have much time this weekend, but i can look further into this next week. in the meantime, you're best bet is to use your implementation from "Pic-1" since that should work in all browsers.

danriti avatar Dec 07 '13 23:12 danriti

Hi Dan,

now I don't use bootstrap... It is too much overloadet, too... I'm writing it comlete by my self, now... I only need a good responsive grid and a nav like bootstrap...

Thanks and good luck if you find a good cross browser solution...

Greetings from Hamburg, Germany :-) Pascal

Am 08.12.2013 00:45, schrieb Dan Riti:

Hey @PascalHH https://github.com/PascalHH, good catch!

it looks like the CSS isn't getting loaded properly in the mobile browser using the "remove render blocking css" technique. this makes sense because the solution i provide is not cross browser compatible.

i've done a /tiny/ bit of research into finding a true cross browser solution, however I haven't been successful yet :frowning:

i won't have much time this weekend, but i can look further into this next week. in the meantime, you're best bet is to use your implementation from "Pic-1" since that should work in all browsers.

— Reply to this email directly or view it on GitHub https://github.com/danriti/bootstrap-pagespeed/issues/3#issuecomment-30070617.


GET FREE SMILEYS FOR YOUR IM & EMAIL - Learn more at http://www.inbox.com/smileys Works with AIM®, MSN® Messenger, Yahoo!® Messenger, ICQ®, Google Talk™ and most webmails

PascalHH avatar Dec 08 '13 09:12 PascalHH