Mobile version breadcrumbs bug

razorleaf

The thing is that when I open the webpage on the PC everything works like a charm. Although every mobile device have similar bug. In the place where normally breadcrumbs is (while being on a PC), on mobile phone there is some weird background (from your header I guess) instead. How do I fix it? It's weird also because when you use Chrome built-in emulation tool for Mobile Phones it looks well (like there is no bug), but my HTC One S and Samsung Galaxy Advanced show that bug is there and should be somehow fixed. I am using the latest version of the theme.

razorleaf

It looks like the Header_wrapper on mobile phone doesn't shrink after changing #Subheader to "display:none;" state so I fixed it with brute method. I have added to custom css this code:

@media all and (max-width:959px)

 { 

#Subheader {margin-top:-100px;height:0px;} 

}

As you can see the margin-top value is negative (it's minus 100). Right now the weird purple background is gone, and it looks nice. But I'm not sure if that is the ultimate fix for this... Hope you can work something out guys!

Albert

Hi,

this problem was in older theme`s versions but it was fixed already. So please update your theme to latest version and all will be fine. More info about this issue you can read on http://forum.muffingroup.com/betheme/discussion/682/header-image-showing-on-mobile-view-despite-turning-on-header-minimalist-button

Learn more: Video Tutorials | How To | FAQ Vote on what comes next