Joomla Templates Club 406,261 posts

[asnmedia Friend asnmediaJoin date: January 2013Posts: 14Downloads:0Uploads:5]

#191109

JA Beranis mobile site works fine on mobile browsers, but when I try it in chrome for mobile, the search and menu button scroll with the content, or just simply doesn’t appear at all when scrolling. I’ve attached screenshots of the issue to help to better describe it.

I’ve tried both on the website I am working on and the demo version on this site and both have this issue. Any help would be appreciated. Thanks!

---

Attachments:

1. 
2. 
3. 

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#507868

Could you tell me name of mobile device you tested with? 🙂

[asnmedia Friend asnmediaJoin date: January 2013Posts: 14Downloads:0Uploads:5]

#508088

Galaxy Nexus and Nexus 4. Both running android 4.3 stock with the regular chrome install

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#508123

Did you try to open this demo site link? http://joomla-templates.joomlart.com/ja_beranis/

[asnmedia Friend asnmediaJoin date: January 2013Posts: 14Downloads:0Uploads:5]

#508305

Yes. Same issue

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#508360

Well, I test with Samsung device with android 4.2 (coz I don’t have Nexus). When viewing demo site > scroll down > the menu button and the search scroll a little bit then it comes back to where it is.

[asnmedia Friend asnmediaJoin date: January 2013Posts: 14Downloads:0Uploads:5]

#511994

sorry for the late reply. is there a way to fix the button so it doesn’t move at all when scrolling? I noticed that when it’s selected and the off set menu appears, it doesn’t move at all when scrolling.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#512056

Hi asnmedia,

It’s sticky menu feature, if you want it move, open file: /templates/ja_beranis/less/style-responsive.less

Line 132:


// HEADER
// ---------------------------------------------------------
#t3-header {
background: @linkColor;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
height: auto;
position: fixed; <<< remove this line
padding: (@T3globalPadding/2) 0;
top: 0;
width: 100%;
z-index: 1000;

.content-top {
display: none;
}
}


Then go to backend > template manager > compile LESS to CSS

Remember to BACKUP your site first

[asnmedia Friend asnmediaJoin date: January 2013Posts: 14Downloads:0Uploads:5]

#512860

I don’t want to remove the fixed position of the menu. I would like to fix the position of the mobile menu button.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#513014

I’m afraid that I’m a little bit confused here. In previous post:

<blockquote> is there a way to fix the button so it doesn’t move at all when scrolling?</blockquote>

If you don’t want the button keep moving when scrolling, you must remove that position: fixed; property.

Pls help me to understand your concern clearly so that I can help 🙂

[Author]

Posts