Sticky Bar's color issue 
Autor: Zoltán Lévai
Visitado 688,
Seguidores 1,
Compartilhado 0
Hi All,
I've found a bug (I think).
If I set the sticky bar's background color and check it in preview it seams ok. After I upload my site on the web the sticky bar has no background color.
Did anyone met this issue?
Do you have any solution to fix this?
Thanks,
Zoli
Publicado em
Hello. Clear your browser cache after uploading your site to hosting. If it doesn't help:
1) Remove all site files from hosting.
2) Hold down the CTRL key and, without releasing it, press the preview button.
3) Reload the entire site.
4) Clear your browser cache after uploading your site to hosting.
Autor
Helo Aleksej,
Thanks, BUT
Unfortunetly it didn't help me. I've tried these tricks before my post.
After I asked for help I've checked my site on an Apple device and I saw the same issue plus the current page choosen highlight doesn't work as well.
I think something went wrong with one of the latest realeses at Website x5. Or they wouldn't like make a proper programe (as they do with parallal effects for mobile and Apple devices). I don't know...
Is this a converted project from an older version?
Is it possible that a graphic is integrated in the background?
Is the background color the same for all breakpoints?
Is it just wrong online and right in the preview?
Autor
Non converted. Bright new projekt with the latest version.
I use a picture as background. The highlight must be seen on under the background.
I don't know how to use breakpoints in the sticky bar...
It's wrong on-line but right in preview (for the first shownup it's correct on-line but after I click on other page on the menu or the sticky bar the highlight is gone.
try it: https://cegapu.hu When you open the site you can see a yellow underline. Refresh it and it will go away
Zoltán, the background on your menu/sticky bar seems fine, but I suspect you are referring to the highlighted current page (yellow bar).
This will happen if the url internally set in WX5 is incorrect (it will display correctly locally in preview, but not online).
Please check the the url (path to your website) is set correctly before upload. The most common fault is where the url has changed from http:// to https://
Yours should read https://cegapu.hu
You mentioned break points. These are only relevant if you have a responsive website. Your current website is set as desktop only (it displays in full but the text is very small on mobile devices). Desktop only sites are frowned upon by google, but there is significant fiddling required to convert a desktop site to responsive (although the results should be quite satisfying).
Autor
Dear Esach, yes I have problem with the yellow line.
I've set my website address to https://cegapu.hu for the upload. I've tried both ways. Didn't solve it.
I won't use breakpoints and responsive site becouse I have a lot of issue on phone size... so... no. :( For example my sticky bar goes crazy in repsonsive. I can see the menu and the sticky bar in the same time which is very annoing.
Autor
And an other thing. I would like to use the same yellow line in the fix menu for the "current page". It isn't work as well....
Autor
I found it!
I use .htaccess for two things. Force the http to https and make invisible the attributes of my pages. Somehow this denied my underline... in menu and sticky bar...
RewriteEngine On
RewriteBase /
RewriteCond %{HTTPS} off
RewriteCond %{HTTP:X-Forwarded-Proto} !https
RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [L,R=301]
RewriteEngine on
RewriteCond %{THE_REQUEST} /([^.]+)\.html [NC]
RewriteRule ^ /%1 [NC,L,R]
RewriteCond %{REQUEST_FILENAME}.html -f
RewriteRule ^ %{REQUEST_URI}.html [NC,L]
Do you have any idea how to rewrite these codes?
Thanks! :)
Zoltán, the second block in your .htaccess appears to be hiding the .html extension, This would mean that WX5 is pointing at filename.html but displaying filename, so I would imagine that it doesn't know what page is being displayed and therefore does not know it is the current page.
I would remove this from the .htaccess file.