Hi Peter,

my website is on a virtual server (Mamp) so I can’t send the link. I can send you the link to the plugin (http://wordpress.org/plugins/brankic-social-media-widget/) so you can try it in a demo site. I can also send my css folder or other pages if you need. Thank you for your help.

Regards.

Thanks for the support Devin.
Turns out the problem doesn’t come from Enfold, but it’s a browser issue with Google Chrome, at least with versions 30-31.
Everything runs fine on Firefox.
But on a fresh install of Chrome when there’s a secondary menu on top of the page (I’m on responsive default + boxed layout + fixed header with social icons) the problem appears.

• This reply was modified 12 years ago by Shallnotbe.

Hi Ismael

Thanks for your early reply.
I did not set responsive layout.
The width of image looks correct, but the width of text does not correct.

[My custom CSS is below]

/*나눔고딕 웹폰트 적용*/
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, tr.pricing-row td, #top .portfolio-title, .callout .content-area, .avia-big-box .avia-innerbox, #top select, #lang_sel, .gm-style div {
font-family: ‘Nanum Gothic’, Open Sans, ‘HelveticaNeue’, ‘Helvetica Neue’, Helvetica, Arial, sans-serif;
}

/*archive 등등의 폰트*/
#top .input-text, #top input[type=”text”], #top input[type=”input”], #top input[type=”password”], #top input[type=”email”], #top input[type=”number”], #top input[type=”url”], #top input[type=”tel”], #top input[type=”search”], #top input[type=”file”],#top textarea {
font-family: ‘Nanum Gothic’, Open Sans, ‘HelveticaNeue’, ‘Helvetica Neue’, Helvetica, Arial, sans-serif;
font-size: 12px;
}

#top input[type=”submit”] {
text-transform: uppercase;
}

/*body background-color*/
#main, .html_stretched #wrap_all {
background-color: #ffffff;
}

/*헤더 좌우 그림자 안보이게*/
.boxed#top {
overflow: hidden;
}

/* 헤더메인로고 사이즈 및 위치 */
.logo img {
padding: 0px 0px;
display: block;
width: auto;
height: auto;
max-height: 74px;
hack: fixes ie8 logo;
}

/* 뉴스보기화면 좌측상단 특성이미지크기*/
.single-post .single-small.with-slider .small-preview {
width: 80px;
height: 80px;}

/* 헤더높이와 메뉴위치*/
#header_main .container, .main_menu ul:first-child > li > a {
height: 90px !important;
line-height: 90px !important;
}
html.fixed_header #main {
padding-top: 120px;
}
.main_menu {
margin-right:-13px;
}

/*헤더디자인 ————————————–*/

#header {
margin-bottom: -10px;
}

.header_color .header_bg {
background: transparent url(http://interpeople.co.kr/wp/wp-content/uploads/2013/11/shadow_below.png) bottom center no-repeat scroll;
}

#header_main {
border-width:0px;
padding-top: 5px;
padding-bottom: 10px;
}

#header_meta {
background-color: transparent !important;
padding-bottom: 3px;
padding-top: 8px;
}

#top .social_bookmarks {
height: 30px;
z-index: 150;
-webkit-backface-visibility: hidden;
margin: 0 0 0 -9px;
/*background-color: white;*/
border-radius: 3px;
}

/*——————————————-*/

/*풀다운 서브메뉴 바탕색*/
.header_color .main_menu .menu ul li a {
background-color:#ffffff;
}

/* 메인메뉴폰트*/
.main_menu ul:first-child > li > a {
display: block;
text-decoration: none;
padding: 0 13px;
font-weight: 600;
font-size: 16px;
}

/*메뉴하단 선택바 위치*/
.avia-menu-fx {
bottom: -1px;
}

/*메뉴하단 선택바 화살표*/
.avia-menu-fx .avia-arrow-wrap {
display: block;
}

/*토글탑메뉴색상*/
#advanced_menu_toggle, #advanced_menu_hide {
background-color: #FFFFFF;
color: #333333;
border-color: #B4B4B4;
}

/*탑메뉴바 검색없애기*/
#top #menu-item-search {
z-index: 100;
display: none;
}

/*최상단 소셜 서브메뉴 높이와 색상*/
#header_meta {
border-width: 0px;
box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0.2);
z-index: 400;
min-height: 32px;
background-color: #999999;
}
/*최상단 sub메뉴 우측공간*/
.sub_menu {
right: 0px;
}

/*최상단 sub메뉴 폰트*/
.header_color .sub_menu>ul>li>a {
color: #333333;
font-size: 12px;
font-weight: normal;
}
.header_color .sub_menu ul:first-child > li.current-menu-item > a {
color: #333333;
font-weight: 800
}

.mapp-layout {
margin: 0px;
padding: 0px;
}

/*최상단 소셜 아이콘 안보이게*/
#top .social_bookmarks li a,
#top .social_bookmarks li {
display: none;
}
.responsive #header_meta .social_bookmarks li {
visibility: hidden;
}

/*AJAX포트폴리오 제목 하단*/
.portfolio-preview-title {
margin-bottom: 30px;
}

/*헤더 네비——————————-*/
/*헤더 네비 안보이게*/
#main .title_container {
display:none;
}

/*헤더 네비 you are here 안보이게*/
.breadcrumb-title {
visibility: hidden;
}

/*헤더 네비 Archive for category 안보이게*/
.title_container .main-title {
visibility: hidden;
}

/*헤더 네비 높이*/
#top .title_container .container {
padding: 0px 0;
min-height: 36px;
}

/*헤더 네비 위치*/
.title_container .breadcrumb {
top: 70%;
}
/*———————————————–*/

/*포스트 제목 밑의 카테고리와 작성자 안보이게*/
span.blog-author.minor-meta {
display: none;
}

/*사용후기 제목*/
.main_color .first-quote {
color: #222222;
}
blockquote {
font-weight: 700;
}

/*사용후기 페이지에서*/
.avia_button_icon {
color: #ffffff;
}
.avia_iconbox_title {
color: #ffffff;
}

/*promobox margin*/
.av_promobox {
margin: 10px 0;
}

/*레이어슬라이더 스톱버튼 위치*/
#top .ls-nav-start, #top .ls-nav-stop {
top: -50px;
}

/*drop shadow—-text block—-폴리몰리메인———-*/
#pollimolli_submenu_1 .avia_textblock
{
position: relative;
width: 100%;
background: #fafafa;
-moz-border-radius: 0px;
border-radius: 0px;
padding: 1.3em;
color: rgba(0,0,0, .8);
text-shadow: 0 1px 0 #fff;
line-height: 1.3;
margin: 0px auto;
-webkit-perspective: 0;
box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
}

#pollimolli_submenu_1 .avia_textblock:before, #pollimolli_submenu_1 .avia_textblock:after
{
z-index: -1;
position: absolute;
content: “”;
bottom: 15px;
left: 10px;
width: 46%;
top: 80%;
max-width:300px;
background: rgba(0, 0, 0, 0.7);
-webkit-box-shadow: 0 15px 15px rgba(0,0,0, 0.7);
-moz-box-shadow: 0 15px 15px rgba(0, 0, 0, 0.7);
box-shadow: 0 15px 15px rgba(0, 0, 0, 0.7);
-webkit-transform: rotate(-3deg);
-moz-transform: rotate(-3deg);
-o-transform: rotate(-3deg);
-ms-transform: rotate(-3deg);
transform: rotate(-3deg);
}

#pollimolli_submenu_1 .avia_textblock:after
{
-webkit-transform: rotate(3deg);
-moz-transform: rotate(3deg);
-o-transform: rotate(3deg);
-ms-transform: rotate(3deg);
transform: rotate(3deg);
right: 10px;
left: auto;
}

/*—————————————–*/

/*drop shadow——-portfolio grid————————–*/
.grid-image
{
position: relative;
width: 100%;
background: #ffffff;
-moz-border-radius: 0px;
border-radius: 0px;
padding: 0em;
color: rgba(0,0,0, .8);
/!–text-shadow: 0 1px 0 #fff;–/
line-height: 1.3;
margin: 0px auto;
-webkit-perspective: 0;
box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
}

.grid-image:before, .grid-image:after
{
z-index: -1;
position: absolute;
content: “”;
bottom: 15px;
left: 10px;
width: 50%;
top: 80%;
max-width:300px;
background: rgba(0, 0, 0, 0.7);
-webkit-box-shadow: 0 15px 10px rgba(0,0,0, 0.5);
-moz-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.5);
box-shadow: 0 15px 10px rgba(0, 0, 0, 0.5);
-webkit-transform: rotate(-3deg);
-moz-transform: rotate(-3deg);
-o-transform: rotate(-3deg);
-ms-transform: rotate(-3deg);
transform: rotate(-3deg);
}

.grid-image:after
{
-webkit-transform: rotate(3deg);
-moz-transform: rotate(3deg);
-o-transform: rotate(3deg);
-ms-transform: rotate(3deg);
transform: rotate(3deg);
right: 10px;
left: auto;
}
/*————————————————–*/

/*shadow——-why폴리몰리———-*/
.page-id-4558 .avia_image{
box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
}

/* 포트폴리오 그리드 하단 에로우 및 배경*/
#av_section_1 .avia-arrow {
visibility: hidden;
}

/* 포트폴리오 그리드 하단 제목 배경*/
.main_color .grid-content, .main_color .grid-entry-title, .grid-entry .main_color .avia-arrow {
background-color: transparent;
}

/* 포트폴리오 타이틀 배경*/
.grid-entry .inner-entry {
background-color: transparent;
}

/*————————————————————————————————–*/

/* 포트폴리오 그리드 하단 제목 폰트*/
.grid-entry-title .grid-entry-excerpt {
font-size: 12px;
margin: 0;
padding: 0;
font-weight: normal;
text-align: ;
}

/* 포트폴리오 그리드 배열 및 그림자*/
.grid-entry .inner-entry {
margin-top: 10px;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 10px;
box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.4);
position: relative;
}

/* 포트폴리오 그리드 하단 패딩*/
.grid-content {
padding: 11px;
position: relative;
}

/*카테고리 필터링————————————–*/
#js_sort_items a {
display: block;
float: left;
text-decoration: none;
background-color: #666666;
border-radius: 2px;
padding-left: 5px;
padding-right: 5px;
text-shadow: 0 0px 0 rgba(255, 255, 255, 0.1);

}

/*카테고리 필터링 텍스트 색상*/
.alternate_color #js_sort_items a, .main_color #js_sort_items a {
color: #ffffff;
font-size: 12px;
font-weight: normal;
}

/*카테고리 필터링 텍스트 색상_hover*/
.alternate_color #js_sort_items a:hover, .main_color #js_sort_items a:hover {
color: #e1e1e1;
}

/*카테고리 필터링 텍스트 색상_active*/
.alternate_color #js_sort_items a.active_sort, .main_color #js_sort_items a.active_sort {
color: #ffffff;
background-color: #a81010;
}

/*카테고리 필터링 슬러시 안보이게*/
#js_sort_items .text-sep {
padding: 0 1px;
visibility: hidden;
}
/*——————————————————–*/

/*pollimolli 페이지에서 글자가 사진 밑으로 안들어가게*/
.pollimolli_submenu_1 p {
overflow: hidden;
}

/*pollimolli 페이지에서 */
#pollimolli_submenu_1 {
border-width:1px;
}

/*pollimolli 메인페이지 서브메뉴—————————– */
#pollimolli_submenu_2 {
min-height: 50px;
text-align: center;
border-width:0px;
}

#pollimolli_submenu_2 .entry-content a:hover {
opacity: 0.7;
}
/*——————————————————–*/

.page-id-2554 .entry-content li {
margin-left: 0em;
padding: 30px 0;
}

/*rss 위젯 이미지*/
.widget_rss .widgettitle img {
display: block;
float: left;
margin-right: 4px;
margin-top: 1px;
}
.rsswidget {
margin-top: 3px;
}
.rss-date, .widget_rss cite {
font-size: 10px;
}

/*풋터 위젯 폰트*/
.footer_color .news-time {
color: #b3b3b3;
}
.footer_color .rss-date {
color: #b3b3b3;
}
.widgettitle {
letter-spacing: 0px;
}
#footer .widgettitle {
color: #ffffff;
}
.footer_color div .news-headline{
color: #dddddd;
font-weight: normal;
}
.footer_color .footer-social-name a{
color: #dddddd;
font-size:11px;
}

/*
.footer_color {
background-color:#222222;
border-color:#444444;
}
.footer_color img{
border-color:#444444;
}
.socket_color {
background-color:#333333;
border-color:#444444;
}
*/

/*갤러리 메인이미지 패딩*/
#top div .avia-gallery .avia-gallery-big {
padding:0px
}
#top div .avia-gallery img {
padding:0.3em
}

/*폴리몰리 제품 메뉴 슬라이더 텍스트*/
.ls-s-1 {
font-size: 12px;
font-weight: bold;
color: #222222;
}

/*shareaholic page에서*/
.shareaholic-share-buttons-container ul.shareaholic-share-buttons {
overflow-x: visible !important;
overflow-y: visible !important;
}

/*tab에서 스크롤 안보이게
.js_active .active_tab_content {
overflow:hidden;
}*/

/*폴리몰리 제품메뉴에서 hover효과*/
#layerslider_9 img:hover {
opacity:0.7;
}

/*지플렉스 메인*/
.page-id-2565 td {
font-size:12px;
}
.page-id-2565 .avia-shadow {
box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.1);
}
#zflex_submenu_1 {
border:none;
}
#zflex_submenu_2{
min-height: 50px;
text-align: center;
border-width:0px;
}
#zflex_submenu_2 .entry-content a:hover {
opacity: 0.7;
}

/*지플렉스 사용설명서*/
#flipbook-container-0 div.page-content.even div.container img.bg-img {
left: 0px !important;
}
#flipbook-container-0 div.page-content div.container img.bg-img {
margin-top: 0px !important;
}
#flipbook-container-0 div.page-content.last div.container img.bg-img {
left: 0px !important;
}
#flipbook-container-0 li{
vertical-align: bottom !important;
}
#flipbook-container-0 .container {
position: static;
}
#flipbook-container-0 .zoomed-shadow {
left: 45px !important;
top: 9px !important;
width: 820px !important;
height: 566px !important;
}

/*mainmenu–KO———————————————————————————————*/
.main_menu ul:first-child > li > a {
display:block;
background:url(http://interpeople.co.kr/wp/wp-content/uploads/2013/09/logo_menu_bg_grey.png) no-repeat top;
}

/*PolliMolli*/
#menu-item-6440 > a:hover,
#menu-item-6440.current-menu-item > a,
#menu-item-6440.current_page_item > a,
#menu-item-6440.active-parent-item > a,
#menu-item-6440.active-ancestor-item > a {
background:url(http://interpeople.co.kr/wp/wp-content/uploads/2013/09/logo_menu_pollimolli_blue.png) no-repeat top; display:block;
}

/*zflex*/
#menu-item-6451 > a:hover,
#menu-item-6451.current-menu-item > a,
#menu-item-6451.current_page_item > a,
#menu-item-6451.active-parent-item > a,
#menu-item-6451.active-ancestor-item > a {
background:url(http://interpeople.co.kr/wp/wp-content/uploads/2013/10/logo_menu_zflex_black.png) no-repeat top; display:block;
}

/*MINI*/
#menu-item-6455 > a:hover,
#menu-item-6455.current-menu-item > a,
#menu-item-6455.current_page_item > a,
#menu-item-6455.active-parent-item > a,
#menu-item-6455.active-ancestor-item > a {
background:url(http://interpeople.co.kr/wp/wp-content/uploads/2013/09/logo_menu_mini_color.png) no-repeat top; display:block;
}
/*————————————————————————————*/

/*mainmenu–EN———————————————————————————————*/
.main_menu ul:first-child > li > a {
display:block;
background:url(http://interpeople.co.kr/wp/wp-content/uploads/2013/09/logo_menu_bg_grey.png) no-repeat top;
}

/*PolliMolli*/
#menu-item-5729 > a:hover,
#menu-item-5729.current-menu-item > a,
#menu-item-5729.current_page_item > a,
#menu-item-5729.active-parent-item > a,
#menu-item-5729.active-ancestor-item > a {
background:url(http://interpeople.co.kr/wp/wp-content/uploads/2013/09/logo_menu_pollimolli_blue.png) no-repeat top; display:block;
}

/*zflex*/
#menu-item-5741 > a:hover,
#menu-item-5741.current-menu-item > a,
#menu-item-5741.current_page_item > a,
#menu-item-5741.active-parent-item > a,
#menu-item-5741.active-ancestor-item > a {
background:url(http://interpeople.co.kr/wp/wp-content/uploads/2013/10/logo_menu_zflex_black.png) no-repeat top; display:block;
}

/*MINI*/
#menu-item-5745 > a:hover,
#menu-item-5745.current-menu-item > a,
#menu-item-5745.current_page_item > a,
#menu-item-5745.active-parent-item > a,
#menu-item-5745.active-ancestor-item > a {
background:url(http://interpeople.co.kr/wp/wp-content/uploads/2013/09/logo_menu_mini_color.png) no-repeat top; display:block;
}
/*————————————————————————————*/

/*메인메뉴의 드롭다운메뉴 폰트*/
.header_color .main_menu .menu ul li a {
color:#555555 ;
}

/*메인메뉴의 폴리몰리 빈백컬렉션 sub-menu 안보이게_한국어*/
#menu-item-6461 .sub-menu {
display:none !important;
}

/*메인메뉴의 폴리몰리 빈백컬렉션 sub-menu 안보이게_영어*/
#menu-item-6573 .sub-menu {
display:none !important;
}

/*월별찾아보기*/
#top select {
font-size:11px !important;
line-height:15px !important;
}

/*사이드보더*/
.content {
border-color: #e1e1e1;
}

/*게시물페이지 메타이미지 안보이게*/
.template-single-blog .blog-meta {
display: none;
}
.big-preview.single-big {
display: none;
}

/*사이드바 폭 조정*/
.inner_sidebar {
margin-left: 30px;
}
.content .entry-content-wrapper {
padding-right: 30px;
}

#facebook-like-box-2 {
margin-left: -10px;
}
#facebook-like-box-2 .fb_iframe_widget span {
height: 627px !important;
width: 232px !important;
}
#facebook-like-box-2 .fb_iframe_widget iframe {
height: 627px !important;
width: 232px !important;
}
#facebook-like-box-3 {
margin-left: -10px;
}
#facebook-like-box-3 .fb_iframe_widget span {
height: 627px !important;
width: 232px !important;
}
#facebook-like-box-3 .fb_iframe_widget iframe {
height: 627px !important;
width: 232px !important;
}

/*소식골라보기*/
#categories-2 {
font-size: 12px;
}

/*회사소개*/
.page-id-1195 .av-special-heading {
margin-top:10px;
}
.page-id-1195 .togglecontainer {
margin-top:10px;
}

/*회사소개 en*/
.page-id-5236 .av-special-heading {
margin-top:10px;
}
.page-id-5236 .togglecontainer {
margin-top:10px;
}
.page-id-5236 .togglecontainer pre {
padding:0px;
margin-bottom: 10px;
}

/*shop메뉴 안보이게 할 때 메뉴바 우측의 장바구니위젯도 안보이게*/
.cart_dropdown {
display:none;
}

/*Why폴리몰리 페이지 서브메뉴 제목*/
.page-id-4588 .template-page .entry-content-wrapper h2 {
text-transform: none;
letter-spacing: -1px;
}
/*빈백컬렉션 신장안내 문자*/
.iconbox .iconbox_content .iconbox_content_title {
letter-spacing: 0px;
text-transform: none;
}

/*포트폴리오 신장안내*/
.template-page .entry-content-wrapper h1, .template-page .entry-content-wrapper h2 {
text-transform: none;
letter-spacing: -1px;
}

/*iconlist title*/
.avia-icon-list .iconlist_title {
text-transform: none;
}

/*contact en 입력란*/
.page-id-5247 #top .input-text, #top input[type=”text”], #top input[type=”input”], #top input[type=”password”], #top input[type=”email”], #top input[type=”number”], #top input[type=”url”], #top input[type=”tel”], #top input[type=”search”], #top textarea, #top select {
width:100%;
}
.page-id-5247 .av_two_third{
background-color: whitesmoke;
padding: 25px;
}

/*contact ko 입력란*/
.page-id-2641 #top .input-text, #top input[type=”text”], #top input[type=”input”], #top input[type=”password”], #top input[type=”email”], #top input[type=”number”], #top input[type=”url”], #top input[type=”tel”], #top input[type=”search”], #top textarea, #top select {
width:100%;
}
.page-id-2641 .av_two_third{
background-color: whitesmoke;
padding: 25px;
}

/*filling 페이지에서 비교테이블 편집페이지 디버그 코드에서 avia-heading-row 클래스를 epp와 eps로 수정후*/
.main_color .pricing-table li.epp {
background-color: #eb008b;
color: white;
font-weight: 800;
font-size: 13pt;
}
.main_color .pricing-table li.eps {
background-color: #999999;
color: white;
font-weight: 800;
font-size: 13pt;
}
.main_color .pricing-table li.epp-1 {
background-color: #eb008b;
color: white;
font-weight: normal;
font-size: 11pt;
}
.main_color .pricing-table li.eps-1 {
background-color: #999999;
color: white;
font-weight: normal;
font-size: 11pt;
}
/*——————————————————————————————-*/

Hi Ismael THX that did the trick.

The letters in that header meta are now a very weird purple color also the social buttons. What to do about that?

If feel something is conflicting in my CSS code: Any idea?

#top .main_menu .menu li a { font-size: 18px; color: white; background-color: #4787f3; }
#top .main_menu .menu li a:hover { background-color: #4787f3; color: grey; }

#top .header_color .main_menu .menu ul li a{
background-color: #ffffff;
color: #4787f3;
font-size: 17px;
}
#header_main {
background: #4787f3;
}
@media only screen and (max-width: 989px) and (min-width: 768px) {
.responsive .main_menu ul:first-child > li > a {
padding: 0 8px;
font-size: 17px;
}
@media only screen and (max-width: 767px) and (min-width: 480px) {
.woocommerce .template-shop.content.nine.units {
width: 100%;
}
@media only screen and (max-width: 989px) and (min-width: 768px) {
.woocommerce .template-shop.content.nine.units {
}
.grid-content {
height: 70px;
}
.woocommerce .sidebar {
display: none !important;
}
.woocommerce .template-shop.content.nine.units {
width: 1030px;
border: none;
}
.header_color .sub_menu>ul>li>a {
font-size: 12px;
color: #0e75bf;
}
#top .main_menu .menu a {
color: white;
}
#top .main_menu .menu a:hover {
color: white;
}
.main_menu ul:first-child > li > a {
font-size: 17px;
font-weight: 700;
color: white;
}

#footer .widget {
padding: 30px 0 30px 0 !important;
}
.numeric_controls, .arrow_controls {
position: absolute;
bottom: 100px;
}

#top .sidebar_tab_content.sidebar_active_tab_content {
background-color: #fff;
color: black;
}
#top .sidebar_tab.sidebar_active_tab {
background-color:#0e75bf;
color: #fff;
}
.slideshow_color .breadcrumb, .slideshow_color .breadcrumb a {
color: #0e75bf;
}
.numeric_controls, .arrow_controls {
position: absolute;
bottom: 10px;
}
#top .ajax_controlls {
top: 70%;
}
#footer .widget_nav_menu li a {
font-size: 20px;
}

#menu-item-1045 a, #menu-item-1044 a, #menu-item-1043 a, #menu-item-1988 a {
color: #FFF;
font-size: 25px;
}
#footer .widget_nav_menu li a {
text-align: center;
}
.iconbox_icon {
background-color: white !important;
}
.widget_nav_menu h3.widgettitle {
text-align: center;
}
#top .iconbox {
width: 100%;
}
#top .avia_mega_div {
background-color: #f5f2f5;
color: grey;
}
#top .avia_mega_div .sub-menu {
background-color: #f5f2f5;
color: grey;
}
#top .avia_mega_div .menu-item ul {
background-color: #f5f2f5;
color: grey;
}
#top .main_menu .menu ul li a {
background-color: #f5f2f5;
color: white
}
.sidebar_tab_title {
margin-left: 10px !important;
}
#js_sort_items a {
font-size: 19px;
}
#top.woocommerce-page .woocommerce-ordering select { width: 25%; }

@media only screen and (max-width: 767px) {
#top.woocommerce-page .woocommerce-ordering select {width: auto; }
}
.chzn-container {
position: initial;
}
#top .chzn-container .chzn-drop {
top: 70px !important;
width: 325px !important;
margin-left: 3px;
}
.woocommerce-pagination {
display: none;
}
#top.tax-product_cat .container > .term-description {
display: none;
}
.added_to_cart {
display: none;
}
.form-row.address-field{
overflow: visible;
}
#top .chzn-single div b {
background-position: 5px 6px !important;
}
div .main_color .active_tab {
background-color: #0e75bf;
color: #FFF;
}
div .main_color .tabcontainer .active_tab {
color:#FFF;
}
#top .main_color .tabcontainer .tab:hover {
#FFF:

}
.main_menu ul:first-child > li > a {
padding: 0 5px;

}
#top .main_menu ul:first-child > li > a {
padding: 0 13px;

}
.social_header .phone-info { color: orange!important; font-size: 20px!important; }
.logo img { padding: 20px 0 0 0; }
.header-scrolled .logo img { padding: 5px 0; }
#header_meta { background-color: white; }

the code for the social bar doesnt work.

is there a conflict in some of my CSS style code?

#top .main_menu .menu li a { font-size: 18px; color: white; background-color: #4787f3; }
#top .main_menu .menu li a:hover { background-color: #4787f3; color: grey; }

#top .header_color .main_menu .menu ul li a{
background-color: #4787f3;
color: #ffffff;
font-size: 17px;
}
#header_main {
background: #4787f3;
}
@media only screen and (max-width: 989px) and (min-width: 768px) {
.responsive .main_menu ul:first-child > li > a {
padding: 0 8px;
font-size: 17px;
}
@media only screen and (max-width: 767px) and (min-width: 480px) {
.woocommerce .template-shop.content.nine.units {
width: 100%;
}
@media only screen and (max-width: 989px) and (min-width: 768px) {
.woocommerce .template-shop.content.nine.units {
}
.grid-content {
height: 70px;
}
.woocommerce .sidebar {
display: none !important;
}
.woocommerce .template-shop.content.nine.units {
width: 1030px;
border: none;
}
.header_color .sub_menu>ul>li>a {
font-size: 12px;
color: #0e75bf;
}
#top .main_menu .menu a {
color: white;
}
#top .main_menu .menu a:hover {
color: white;
}
.main_menu ul:first-child > li > a {
font-size: 17px;
font-weight: 700;
color: white;
}

#footer .widget {
padding: 30px 0 30px 0 !important;
}
.numeric_controls, .arrow_controls {
position: absolute;
bottom: 100px;
}

#top .sidebar_tab_content.sidebar_active_tab_content {
background-color: #fff;
color: black;
}
#top .sidebar_tab.sidebar_active_tab {
background-color:#0e75bf;
color: #fff;
}
.slideshow_color .breadcrumb, .slideshow_color .breadcrumb a {
color: #0e75bf;
}
.numeric_controls, .arrow_controls {
position: absolute;
bottom: 10px;
}
#top .ajax_controlls {
top: 70%;
}
#footer .widget_nav_menu li a {
font-size: 20px;
}

#menu-item-1045 a, #menu-item-1044 a, #menu-item-1043 a, #menu-item-1988 a {
color: #FFF;
font-size: 25px;
}
#footer .widget_nav_menu li a {
text-align: center;
}
.iconbox_icon {
background-color: white !important;
}
.widget_nav_menu h3.widgettitle {
text-align: center;
}
#top .iconbox {
width: 100%;
}
#top .avia_mega_div {
background-color: #f5f2f5;
color: grey;
}
#top .avia_mega_div .sub-menu {
background-color: #f5f2f5;
color: grey;
}
#top .avia_mega_div .menu-item ul {
background-color: #f5f2f5;
color: grey;
}
#top .main_menu .menu ul li a {
background-color: #f5f2f5;
color: white
}
.sidebar_tab_title {
margin-left: 10px !important;
}
#js_sort_items a {
font-size: 19px;
}
#top.woocommerce-page .woocommerce-ordering select { width: 25%; }

@media only screen and (max-width: 767px) {
#top.woocommerce-page .woocommerce-ordering select {width: auto; }
}
.chzn-container {
position: initial;
}
#top .chzn-container .chzn-drop {
top: 70px !important;
width: 325px !important;
margin-left: 3px;
}
.woocommerce-pagination {
display: none;
}
#top.tax-product_cat .container > .term-description {
display: none;
}
.added_to_cart {
display: none;
}
.form-row.address-field{
overflow: visible;
}
#top .chzn-single div b {
background-position: 5px 6px !important;
}
.widget .gform_wrapper .gform_footer br{
display: none !important;
}
div .main_color .active_tab {
background-color: #0e75bf;
color: #FFF;
}
div .main_color .tabcontainer .active_tab {
color:#FFF;
}
#top .main_color .tabcontainer .tab:hover {
#FFF:

}
.main_menu ul:first-child > li > a {
padding: 0 5px;

}
#top .main_menu ul:first-child > li > a {
padding: 0 13px;

}
.social_header .phone-info.with_nav span {
color: orange;
font-size: 20px;
}

Thanks Devin, I tried that but it still had the issue. I’ve narrowed it down. A couple weeks ago you guys gave me a fix for flickering text in Safari so I added the below code to custom.css:

/* flickering text fix*/
.avia_textblock,
.avia-icon-list,
.avia-button,
.avia-testimonial,
.iconbox,
.avia_message_box,
.avia-team-member,
.widget,
.post,
.team-img-container img,
.team-social,
.iconlist_icon,
.fallback-post-type-icon,
.fullsize .related_posts,		
.grid-image,				
.avia-caption-content, .avia-caption-title, 
.entry-content-wrapper,	
.avia_start_animation
{
	-webkit-perspective: 1000;
	-webkit-backface-visibility: hidden;
}

This fixed the flickering text but I guess since then (noticed more recently) I had the fuzzy text issue only in blog posts and only on iPhone. You guys helped narrow this down to flickering text code. So I went and removed the “.post,” line from the fix above. This corrected the fuzzy text issue and also that wasn’t an area that was affected by flickering text, so all is good now.

Thanks guys for your help as always!

Best,
Jonathan