Thanks for your reply. I tried that code and it’s still not working. There’s quiet a few things that don’t seem to be working in IE8. I have also removed the search, but it is showing in IE8. I have given the content box rounded corners at the top, but that is also not showing.

Thanks Josue that did it! I am logged in and not even thinking about it I don’t even see the admin bar you usually get when your logged in. I checked it in another broswer and it works like it should. That brings another question, why can’t I see the admin bar? Using 3.7.1.

This is offsite so I would only be able to provide a screen shot of it.

http://www.tiikoni.com/tis/view/?id=11eecba

• This reply was modified 12 years, 3 months ago by tpwc.

Actually I just realized that the code that fixes the responsive issue is overriding all of the rest of the code in Quick CSS.
This is the current Quick CSS including the code to fix the responsive issue(none of the other code is working anymore):

@media only screen and (max-width: 989px) {
.responsive #header .main_menu ul {
display: none;
}

@media only screen and (max-width: 989px){
.mobile_active #advanced_menu_toggle {
display: block;
}

#top #menu-item-search.menu-item-search-dropdown>a {display:none;}

.overlay-type-extern{
display: none !important;
}

#header {
background-color: #FFF;
}

input[type=”submit”],
#form-1-1339700500 .submit {
padding: 0 3%;
text-align: left;
width: 103px;
height: 32px;
background-image: url(“http://startwishing.com/wp-content/uploads/2013/10/Submit-3-39.png”);
background-position: 0 0;
border-style: solid;
border-width: .25px;
display: inline-block;
font-size: 12px;
line-height: 28px;
margin: 3px 0;
position: relative;
text-decoration: none;
}

body p, body {
font-family: “Open Sans”;
font-size: 11pt;
}
/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen and (max-width: 640px) {
/* Add your Mobile Styles here */
.template-page .entry-content h2, .av-special-heading h3 {
white-space: normal !important;
}

here you go… please let me know what I need to do to get rid of these black bars.

Here is my custom CSS:
.big-name { font: 80px “HelveticaNeueUltraLight”, “Helvetica Neue”, Helvetica, Arial, sans-serif; }
#header_main { border-bottom-width: 0px !important; }
.avia-icon-list .iconlist_title { padding:5px; }
#disqus_thread {padding-right:5px;}
.flowplayer .fp-progress {
background-color: #d30283;
}
.main_menu li a { text-transform:uppercase; color:#FFF; }
.container_wrap { border-top-width: 0px !important; }
#avia-menu a {color:#FFF;}
#avia-menu a:hover {color:#d30283;}
.fp-logo { display:none !important; }

<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>

• This reply was modified 12 years, 3 months ago by BigDaddyBass.

Actually I just fixed it!

I removed this from Quick CSS:

.post-entry .big-preview{ display: none !important; }

However, all blog posts now feature the Featured Image at the top of the post – how do I remove this so I only get it to feature in the Grid Layout on a page and not at the top pf every post.

Thanks a million!
Ed

Thank you, that has resolved the point at which the menu becomes responsive. However it has created an issue. I have this added to the Quick CSS to remove the search icon from the header:

#top #menu-item-search.menu-item-search-dropdown>a {display:none;}

After adding the code you suggested to fix the responsive issue the search icon is back even though the above code is still there.