Hello, I am using a background image, and also the streching option is on. When browsing the site with default android 4 browser, I realized that if you click on the menu icon, you will see the background image for a while before the menu appears.
To avoid this, I thought that I could go to custom css and disable the background for mobiles but didn’t work as it continued to show the background image. However, even if I could have dont, this is a weak solutio, I think. So it would be great if the background didn’t appear instantly after clicking on the menu.
Hi,
Can you give us your site URL to see the issue. I’ve checked on my installation with a background + stretch on Samsung Galaxy S4 + Stock browser and work fine.
Thanks!
Hi Marius,
kadininrehberi.net this is my website.
But today, I think I have found something. I guess my problem is about
the header style I am using.You know fashion style has the main menu right under the logo. After clicking on the menu icon, I could see that the sticky menu that appears when you scrool down goes back to its default place. I think that menu movement causes this problem. Please check it, thanks in advance.
I am using “xperia neo v” by the way, an old phone I know, but it has android 4 browser anyway. Also tested on it dolphin browser, the same problem for me.
Ok, now I got it. I dont know if I can tell the difference but I will try to.
open your demo page in two tabs
the first tab, make it default theme
the second tab, choose fashion style
scrool down the page in both tabs so that the menu can be sticky.
begin to scroll up slowly and pay attention how the two menu will behave.
When you are able to see headers, you can notice that the default menu does not go up(normal) whereas the fashion menu goes at the top of the browser until it reaches a spesific height.
So it’s not a matter of background as you said, but the menu is kind of broken in the fashion style.
I hope I was clear enough to express myself. Is there anything I can do to fix the menu?
Hi,
Is like that because that style have something above the menu and is not sticky to the top like you can see here: http://screencast.com/t/1rqMrZe9i
And the problem is not only on android systems, is on IOS to, when you scroll, the page doesn’t refresh the elements, only when you left the finger from the screen, or in some cases when you scroll smooth and slow.
Check it on an iPad, you will understand better how it works. And this issue is more visible if you have something above the menu(in your case the Fashion style have the logo above, or ad)
Thanks for the message!
Hi marius please check this
http://oi60.tinypic.com/2i7ol5v.jpg
These two menus have both logo over them. But in the screenshot, you can see that each of them behaves differently.
I think fashion menu is supposed to go top when it becomes completely unvisible. But as you can see, it goes top while we could touch it. And even if the main theme has a logo and advertisement above it, it works healthy.
I can’t see any differences between these two menus on desktop. Scroll up causes problems for the fashion.
The main thing I say here is that fashion menu goes top unnecessarily(because we can touch it on its original place) after a little scroll down.
I found the problem. if I use a 300×100 logo, it is okay. However, when using 600×200, menu doesnt act for the 200 pixel height. After -100 pixel menu becomes sticky to the top.
Forget what I have said till this post, now the problem is this. I want menu to become sticky after 200 pixel, which is my logo height.
Hi,
From here you can adjust that size: http://screencast.com/t/lbfXYhxQ41
Hope this help!
Thanks!
