I would recommend formateins’s advice and set up a test install on the same server. Then do a very basic installation with no plugins and test as you add in each after that.

It very well could be a rogue setting in the wp_options table relating to the enfold theme install specifically or even with the wordpress install overall.

Regards,

Devin

Hi,

You can do quite a lot of stuff to that line .. Add this css to your custom.css file https://kriesi.at/support/topic/enfold-responsive-slide-out-menu-issue#post-112059 and you see what I mean about that bar below the menu, This code also gives you a blueprint for customizing the menu itself and all its parts including aligning everything. i believe that the code already puts everything right where it needs to be.

Thanks,

Nick

Hi,

Sorry for the delay with the weekend.

1) The theme has 5 menus , two of which have only 1 menu on screen. So that leaves 3 menus which each have the main/submenu. Please clarify which one of the three you are talking about (found in Enfold > Theme Options > Headers

a) Fixed Header with Social Icons and additional Navigation

b) Non-fixed Header with Social Icons and additional Navigation

c) Header with Social Icons and bottom Navigation

===================

This deals with the little point (called avia arrow) on the line that moves under the navigation items;

`

/*

---

AVIA ARROW

---

*/

.current-menu-item>a>.avia-menu-fx>.avia-arrow-wrap, .current_page_item>a>.avia-menu-fx>.avia-arrow-wrap {

display: block;

}

/*

---

AVIA ARROW color

---

*/

.header_color .avia-menu-fx .avia-arrow{

background-color: rgb(195, 81, 47);

color: rgb(255, 255, 255);

border-color: rgb(195, 81, 47);

}

/*

---

AVIA ARROW position

---

*/

.avia-menu-fx .avia-arrow-wrap .avia-arrow {

top: 10px;

}

/*

---

AVIA ARROW size, more position shape

---

*/

.avia-arrow {

height: 10px;

width: 10px;

position: absolute;

top: -6px;

left: 50%;

margin-left: -5px;

-webkit-transform: rotate(45deg);

-moz-transform: rotate(45deg);

transform: rotate(45deg);

border-width: 1px;

border-style: solid;

visibility: hidden;

}

/*

---

AVIA Under Menu Floater – color

---

*/

.header_color .avia-menu-fx{

background-color: rgb(47, 83, 195);

color: rgb(170, 106, 70);

border-color: rgb(47, 53, 195);

}

Thanks,

Nick

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