You are not logged in.

Announcement

Forum database was corrupt and an old backup was restored as temporary replacement. Registrations closed until the database is recovered. Please ask questions using the Contact form

#1 24-06-2014 20:40:32

rsalomone
Contributors
Registered: 22-11-2013
Posts: 101
Website

The "MENU" on the mobile version

The "MENU" on the mobile version appears in the top right corner (when the first group is visible).

Can you direct me where to find the CSS to make it fixed and secondly where the code is generated for the items?

Regards,
rs

Thomas / Chris - you guys are a great help!

Offline

#2 24-06-2014 21:33:55

Thomas
Administrator
Registered: 10-03-2013
Posts: 897

Re: The "MENU" on the mobile version

1. mobile/mobile.css -> item "nav"

2. the code for the items is the same as the full version of the site, just a little bit restyled. (in file mobile.php, line 173 the navitems are included)

Offline

#3 10-07-2014 18:38:51

rsalomone
Contributors
Registered: 22-11-2013
Posts: 101
Website

Re: The "MENU" on the mobile version

Thomas,

Is there a good way to make the "MENU" for the mobile version fixed (so it does not scroll)?

Where is the code to rearrange tiles when the screen size is shrunk to mobile size on a desktop?

rs

Last edited by rsalomone (10-07-2014 18:44:56)

Offline

#4 13-07-2014 00:15:24

Thomas
Administrator
Registered: 10-03-2013
Posts: 897

Re: The "MENU" on the mobile version

set "position:absolute" to "position:fixed" of the "nav" element in mobile/mobile.css on line 17

and that piece of code is in the file js/main.js, line 184 (   if(windowWidth < 3.2){  )  till line 258 (   }else if(autoRearrangeTiles && windowWidth < rearrangeTreshhold+1.2){         )

Offline

#5 14-07-2014 15:23:38

rsalomone
Contributors
Registered: 22-11-2013
Posts: 101
Website

Re: The "MENU" on the mobile version

Thomas,

I made your suggested change to mobile/mobile.css with no effect.  However, I made the same change to:

/* For smaller column nav */
.column nav{
    position:fixed;
    right:0;
    top:0;
    margin-top:0;
    z-index:300;
    overflow:visible;
}

in css/nav.css and it worked!?  It appears that mobile.css is not even required?

rs

Offline

#6 14-07-2014 17:03:41

rsalomone
Contributors
Registered: 22-11-2013
Posts: 101
Website

Re: The "MENU" on the mobile version

Thomas,

Is there a way to hide the menu (items only) when one clicks outsize the navItems area.  That is, when someone clicks on tiles or the rest of the body area, I want to collapse the navItems (back to "MENU")?

Thanks, enjoy your vacation.

rs

Offline

#7 29-07-2014 12:58:14

Thomas
Administrator
Registered: 10-03-2013
Posts: 897

Re: The "MENU" on the mobile version

Check this thread: http://metro-webdesign.info/forum/viewtopic.php?id=197
don't use the first piece of code since it's inefficient, use the better one.

Offline

Board footer

Powered by FluxBB