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, 5 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.

Hi,

I did this – it worked, but it did not solve my problem.

http://puu.sh/5bhxK.png

Notice how the “i” is displaying as “l” – how do I fix this?

Font family.

Nevermind, that led me to change the font SIZE – I want to change the STYLE

Hi,

What CSS do I edit?