Hi,

Sorry, I am having a hard time imagining what you are trying to do. Can you illustrate it with screen grab and link to it , you can dump it on imgur.com or elsewhere.

I am not sure what columns have titles that don’t show up on mobile devices. I am not familiar with any column having a title. They have a size property 1/2, 1/3, 1/4 etc.. but not sure about title, I am sorry. Please help me understand so I can help.

Thanks,

Nick

You can remove any link from the mobile menu by adding the class noMobile to that item. On the upper right hand corner of the menus screen you should see a button for Screen Options. Click that and then click the checkbox for classes.

Now you can see a field for class when you expand a menu item and add in the noMobile class.

Hi,

I played around with it and though I am sure its possible, I just am not sure how far to tweak which lever so to speak. The css code that is responsible for the animation sequences of the menu floating in and out is found in /css/layout.css between lines 2778-2849 . I randomly changed just one thing and got some wild menu movements. Unfortunately I am just not seeing it happening vertical as you want without some changes to that code because now it moves and shrinks proportionally and there is no way to do that while keeping the aspect ratio only on the y axis without endless adjustments, since the width needs to change along with the height, or at least thats how its built now.

Thanks,

Nick

Hi rsonrier,

Yes, the mega menu only returns a second level down for the mobile version to prevent overly long mobile menus (which can be a negative UX).

The second issue I’m not sure of a fix for. Z-Index issues with youtube and fixed items can get messy and horribly unpredictable. I’ve attempted to nail down why it isn’t getting the proper layer order but so far have been unable to.

I believe the issue has been tagged for Kriesi already but I’ll tag him on this one just in case it has not.

Regards,

Devin

Hi,

Since I can’t see your code to give you the correct css for your situation, I will guess. Please add this to your /css/custom.css or to Quick CSS located in Enfold > Theme Options – Layout (textarea at the bottom) . If it doesn’t fit change 247px to a lower or higher number.

.fixed_header.social_header #main {

padding-top:197px !important;

}

Switching to mobile navigation at larger screen size will annoy tablet owners. I think a better solution would be to lower the menu , however to change the screen size that triggers the mobile menu please open up /js/avia.js and find line 1099 which looks like

switchWidth: 768,

Change that number above (768) to 790

and also please add this css but change 767 to whatever number you put above minus one. so if instead of 768 you put 777 then put 776 below.

@media only screen and (max-width: 767px){

.responsive .main_menu {

position: static;

}}

Thanks,

Nick

Hi pixelmixture,

I don’t have any issue selecting that item on the menu in any size. There are some instances where the menu will disable a parent: if it has no url associated with it or if you give it the noMobile class but in this case I’m just not getting that behavior on the linked site.

Regards,

Devin

I see what you mean. Its only after the mobile has been triggered and then it stays ‘stuck’ on mobile which makes the menu appear.

Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:

/* iPads (landscape)

*/

@media only screen

and (min-device-width : 768px)

and (max-device-width : 1024px)

and (orientation : landscape) {



#top #advanced_menu_toggle {

display: none;

}



}

Which is a media query designed to target ipads landscape specifically and will hide the mobile button even if its trying to show. Let us know if it works for now and I’ll put it in as a bug.

Regards,

Devin

Hi,

Oh I read about VMI a long while ago, can’t remember what. Oh yeh, Thailand army has a lot of officers who are graduates from your school. Read it on flight to Bangkok and … But I digress.

There’s something off on the site. I can’t put my finger on it, seems to be a delay somewhere as I am jumping between media queries, the mobile menu is just a tad slow than normal, and some things are not as smooth and stretchy (this is on Chrome) though visitors won’t notice that since they are in the same screen size, it’s unusual and may be part of the issues that show up on earlier IEs but are managed on Chrome.

You have some errors

Failed to load resource: the server responded with a status of 404 (Not Found) http://admissions.vmi.edu/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/assets/fonts/entypo-fontello.woff



Blocked a frame with origin "http://media.virtualrabbit.com" from accessing a frame with origin "http://admissions.vmi.edu". Protocols, domains, and ports must match.

Second is Chrome nonsense error but first should be fixed. That’s a file for the fontello glyphs/fonts that create the icons in the theme its IE9+ . You probably don’t have the correct mime type in your .htaccess file for .woff file i would guess …

You are running on IIS 7.5/2008 Server have 128meg wp/ram . Should be ok

=====

http://i.imgur.com/xKA6A5K.png <– this is how i am seeing this page through ie8 and xp (emulated). if you see it any differently can you post a screenshot like this? Well besides the two run on videos, a few missing backgrounds. missing toggles, and of course that 3d campus tour, website background, thingy below the menu,

Your videos are messed up on Chrome even because the first one (push-ups training) is not in the same aspect ratio as the other 3. So it needs to be re-encoded in the same aspect ratios as the other 3, otherwise at best it will have black lines on two sides http://www.clipular.com/c?6891027=C3O7QXuFTjYv9qCuKT3HxSvT-AE&f=.png

.avia-video iframe, .js_active .avia-iframe-wrap iframe, div .avia-video .avia-iframe-wrap {

position: relative;

width: 320px;

height: 186px;

}

try this css at the end of /css/custom.css

I don’t have an ie8 but i think most of these can be fixed though not sure about the 3d tour, ie8 users are used to shades of grey and error messages just about anywhere they go online, so having complex animation will only confuse and bewilder them.

Thanks,

Nick