Viewing 29 posts - 1 through 29 (of 29 total)
  • Author
    Posts
  • #28881

    Hello,

    My site (Enfold Theme) is having some pretty significant issues when viewed in Safari 6.0.5 (Mac) browser. Looks great in Firefox and Chrome. But the main menu is behaving oddly, as well has hovering over images in my portfolio, etc.

    Any ideas guys? This could be really bad, considering my client will use his iPhone to view the site a lot.

    Love the theme. Main kink so far.

    Thanks,

    Pat

    #138971

    Hey,

    Can you give us a link to the website please?

    Regards,

    Ismael

    #138972

    Hi Pat,

    What issues specifically? Can we also see the site live?

    Kriesi develops on a mac and I’ve tested all of the themes on mine as well so there shouldn’t be any unknowns or untested issues.

    Regards,

    Devin

    #138973

    Hello guys, . . . I try not to give up a url if possible just because some of my clients are kind of high profile, but here ya go. <removed by devin>

    Please, if you can, use Safari and click around on the main nav menu and see what happens. Difficult to explain.

    Also, if you go to the “Facilities” or “Clients” pages and hover over each item you will see a momentary “blink” happen. Some little glitches.

    Thank you.

    #138974

    In the future you can use http://goo.gl/ to obfuscate your urls and deactivate them after a period of time.

    The first thing to try is to update your theme files. WordPress 3.6 requires that you use Enfold 1.9.1 or higher. The current version is 2.0.1 and you are on 1.8.4 so you’ll not only bring your site up to WordPress 3.6 compatibility but also get a few new features and lots of bug fixes.

    #138975

    Sweet! I had a feeling that’s what was the issue. Thank you very much Devin. Also thanks for the link to the Google URL shortener. Always learning something new. :-) I will apply your advice and update shortly.

    #138976

    Hello Devin,

    Ok, I updated to Enfold 2.0.1 and the main menu items are still messed up in Safari. ;-(

    Please, if you have a moment, can you log into Safari and see what I’m talking about? You have to click on one of the menu links to see what I mean. Some turn “bold” and others do not. Very odd. http://goo.gl/lNogs8

    If you want to see what it’s supposed to look like, view it in Firefox browser.

    Thanks a bunch Devin. I know these support tickets cost $. I try not to get carried away.

    Sincerely,

    Pat

    #138977

    What version of Safari is it having an issue in?

    #138978

    Gosh, I apologize Devin, . . . the days go by like hours. Sorry for the late response.

    I am using Version 6.0.5 of Safari.

    Thanks.

    #138979

    Here is what the issue looks like in the safari browser. Messes with the menu links.

    http://s13.postimg.org/r696ektnb/Safari_Menu_Issues.png

    #138980

    Try changing this custom css you have:

    .main_menu ul:first-child > li > a {
    display: inline-block;
    font-size: 13px;
    font-weight: 300;
    margin-right: 20px;
    padding: 80px 9px;
    text-decoration: none;

    instead of using 300 for the font-weight try just normal:

    .main_menu ul:first-child > li > a {
    display: inline-block;
    font-size: 13px;
    font-weight: normal;
    margin-right: 20px;
    padding: 80px 9px;
    text-decoration: none;

    That seemed to fix it on my end. Not sure why Safari has an issue with it or if that is truly the cause but it worked via dev tools.

    #138981

    Davin, Thanks for trying to help me with this. It’s greatly appreciated. Unfortunately, it’s still messed up.

    What’s really odd is that the glitch only happens when I select the Home, News, and Clients items.

    I’m wondering if it has something to do with the logo I centered. I did some whacky coding to get it to where I wanted it. I’ve never come across a theme that “likes” to center a logo.

    What are your thoughts?

    -Pat

    #138982

    I just tried “hiding” the logo (display: none) , but the issue continues. ;-(

    Boy, this is a tough one.

    #138983

    The only other thing I can think of trying is to remove all of your custom css and then re-add it in one block at a time.

    #138984

    Ouch. :-) Ok. I’ll try that.

    I’ll update the progress. Thanks Devin.

    #161529

    Let us know . As I said trying that on my mac with dev tools to see the code effect live seemed to fix it but its not something I’ve ever actually seen before so I am assuming there is a relation to the customization done up to this point.

    #163737

    Still working on this issue. A mini nightmare. lol

    I’m relentless though. This is one of my largest clients yet, so I’m bummed.

    #163770

    Devin, Ismael, and whoever else is viewing this. . . . I have exausted all options. Tried everything I can think of. Ran CSS validation in LINT and WC3 Validator, tried deleting piece by piece, then testing and more testing, . . . and STILL, the menu is funky in the Safari browser. I know this will bug you guys, but can you take a look at the custom css and see if you see anything odd in here that might be causing issues in Safari? Thanks. I don’t know where to go with this issue if I can’t fix it. Might have to consider another theme. I really don’t want to lose this client, and this is a deal-breaker for sure.

    #header_main {
        border-bottom-style: solid;
        border-bottom-width: 0;
    }
    
    #header_main .container, .main_menu ul:first-child > li a {
        height: 120px;
        line-height: 120px;
    }
    
    .logo img {
    margin-top: 22px;
    }
    
    .main_color, .main_color div, .main_color span, .main_color applet, .main_color object, .main_color iframe, .main_color h1, .main_color h2, .main_color h3, .main_color h4, .main_color h5, .main_color h6, .main_color p, .main_color blockquote, .main_color pre, .main_color a, .main_color abbr, .main_color acronym, .main_color address, .main_color big, .main_color cite, .main_color code, .main_color del, .main_color dfn, .main_color em, .main_color img, .main_color ins, .main_color kbd, .main_color q, .main_color s, .main_color samp, .main_color small, .main_color strike, .main_color strong, .main_color sub, .main_color sup, .main_color tt, .main_color var, .main_color b, .main_color u, .main_color i, .main_color center, .main_color dl, .main_color dt, .main_color dd, .main_color ol, .main_color ul, .main_color li, .main_color fieldset, .main_color form, .main_color label, .main_color legend, .main_color table, .main_color caption, .main_color tbody, .main_color tfoot, .main_color thead, .main_color tr, .main_color th, .main_color td, .main_color article, .main_color aside, .main_color canvas, .main_color details, .main_color embed, .main_color figure, .main_color fieldset, .main_color figcaption, .main_color footer, .main_color header, .main_color hgroup, .main_color menu, .main_color nav, .main_color output, .main_color ruby, .main_color section, .main_color summary, .main_color time, .main_color mark, .main_color audio, .main_color video, #top .main_color .pullquote_boxed, .responsive #top .main_color .avia-testimonial, .responsive #top.avia-blank #main .main_color.container_wrap:first-child, #top .main_color.fullsize .template-blog .post_delimiter {
        border-color: #333333;
    }
    
    .footer_color, .footer_color .site-background, .footer_color .first-quote, .footer_color .related_image_wrap, .footer_color .gravatar img .footer_color .hr_content, .footer_color .news-thumb, .footer_color .post-format-icon, .footer_color .ajax_controlls a, .footer_color .tweet-text.avatar_no, .footer_color .big-preview, .footer_color .toggler, .footer_color .toggler.activeTitle:hover, .footer_color #js_sort_items, .footer_color.inner-entry, .footer_color .grid-entry-title, .footer_color .related-format-icon, .grid-entry .footer_color .avia-arrow, .footer_color .avia-gallery-big, .footer_color .avia-gallery-big, .footer_color .avia-gallery img, .footer_color .grid-content {
        background-color: #111111;
        color: #999999;
    }
    
    .container_wrap {
        border-top-color: #222222 !important;
        border-top-style: solid;
        border-top-width: 1px;
        clear: both;
        position: relative;
        z-index: 1;
    }
    
    h1, h2, h3, h4, h5, h6 {
    font-family: 'Junge', serif;
    color: #acacac !important;
    text-transform: uppercase;
    font-weight: 300;
    letter-spacing: -.1px !important;
    }
    
    .widgettitle {
        font-size: 18px;
        font-weight: 300;
        letter-spacing: 1px;
        text-transform: uppercase;
        margin-bottom: 13px;
    }
    
    h2 {
        font-size: 25px;
        line-height: 1.1em;
        margin-bottom: 10px;
    }
    
    p {
        margin: 0.85em 0;
        font-size: 14px;
        line-height: 1.6em;
        letter-spacing: .5px;
        font-weight: 300;
    }
    
    p {
    font-family: 'Merriweather', serif;
    color: #8c8c8c !important;
    }
    
    .main_menu ul:first-child > li > a {
    font-family: 'Junge', serif;
    color: #bbbbbb !important;
    font-weight: 300;
    letter-spacing: .5px;
    font-size: 14px;
    text-transform: uppercase;
    }
    
    .main_menu ul:first-child > li.current-menu-item > a, .main_menu ul:first-child > li.current_page_item > a {
        font-weight: 300;
    }
    
    #menu-item-search .menu-item-search-dropdown > a {
        border: medium none;
        display: none;
    }
    
    .header_color .header_bg, .header_color .main_menu ul, .header_color .main_menu .menu ul li a, .header_color .pointer_arrow_wrap .pointer_arrow, .header_color .avia_mega_div {
        background-color: #111111;
        color: #AAAAAA;
        border: none;
        font-family: 'Merriweather', serif;
        letter-spacing: .5px;
    }
    
    #top .main_menu .menu li ul a {
        float: left;
        font-size: 14px;
        height: auto;
        line-height: 18px;
        max-width: none;
        min-height: 23px;
        padding: 8px 15px;
        text-align: left;
        text-decoration: none;
        width: 100%;
    }
    
    #top .main_menu .menu ul li:last-child > a {
        border-bottom-style: solid;
        border-bottom-width: 0px;
    }
    
    .li_icon {
        background: url("http://downtonestudio.patrickneve.com/wp-content/uploads/2013/08/li_icon.png") no-repeat scroll 0 0 transparent;
        height: 43px;
        list-style-type: none;
        padding-left: 33px !important;
    }
    
    .special-heading-border {
    display: none !important; 
    }
    
    .hr-short {
        float: none;
        height: 20px;
        line-height: 20px;
        margin: 30px 0 -20px;
    }
    
    #top .header_color .main_menu .menu ul li > a:hover {
        color: #cccccc;
    }
    
    .image-overlay .image-overlay-inside:before {
    display: none;
    }
    
    .avia-content-slider, .avia-content-slider-inner {
        clear: both;
        margin-bottom: -38px;
        overflow: hidden;
        position: relative;
    }
    
    /*footer widget placement*/
    
    .flex_column .widget .widgettitle, .content .widget .widgettitle {
        margin-top: -5px;
    }
    
    #footer .widget {
        margin-bottom: 40px !important;
        margin-left: 0;
        margin-right: 0;
        margin-top: 30px;
        padding: 0;
    }
    
    /*single post header bg color*/
    
    #top .title_container .container {
        background: none repeat scroll 0 0 #111111;
        min-height: 56px;
        padding: 10px 0;
    }
    
    .alternate_color, .alternate_color .site-background, .alternate_color .first-quote, .alternate_color .related_image_wrap, .alternate_color .gravatar img .alternate_color .hr_content, .alternate_color .news-thumb, .alternate_color .post-format-icon, .alternate_color .ajax_controlls a, .alternate_color .tweet-text.avatar_no, .alternate_color .big-preview, .alternate_color .toggler, .alternate_color .toggler.activeTitle:hover, .alternate_color #js_sort_items, .alternate_color.inner-entry, .alternate_color .grid-entry-title, .alternate_color .related-format-icon, .grid-entry .alternate_color .avia-arrow, .alternate_color .avia-gallery-big, .alternate_color .avia-gallery-big, .alternate_color .avia-gallery img, .alternate_color .grid-content {
        background-color: #111111;
        color: #666666;
    }
    
    .big-preview {
    display: block;
    padding: 0;
    }
    
    .container_wrap {
        border-top-color: #222222 !important;
        border-top-style: solid;
        border-top-width: 0;
        clear: both;
        position: relative;
        z-index: 1;
    }
    
    .small-preview {
    display: none !important;
    }
    
    /*footer background color*/
    
    .footer_color, .footer_color .site-background, .footer_color .first-quote, .footer_color .related_image_wrap, .footer_color .gravatar img .footer_color .hr_content, .footer_color .news-thumb, .footer_color .post-format-icon, .footer_color .ajax_controlls a, .footer_color .tweet-text.avatar_no, .footer_color .big-preview, .footer_color .toggler, .footer_color .toggler.activeTitle:hover, .footer_color #js_sort_items, .footer_color.inner-entry, .footer_color .grid-entry-title, .footer_color .related-format-icon, .grid-entry .footer_color .avia-arrow, .footer_color .avia-gallery-big, .footer_color .avia-gallery-big, .footer_color .avia-gallery img, .footer_color .grid-content {
        background-color: #000000;
        color: #999999;
    }
    
    .side-container-comment-inner {
        display: none;
        margin-bottom: 15px;
        overflow: hidden;
        position: relative;
        text-align: center;
    }
    
    .miniheading, .author_name, #reply-title, #top .logged-in-as, .dynamic-column-title {
        font-weight: 600;
        letter-spacing: 1px;
        display: none;
    }
    #comments span, .minitext, .form-allowed-tags, #reply-title small, #commentform label {
        display: block;
        font-size: 11px;
        font-weight: normal;
        letter-spacing: 0;
        line-height: 1.5em;
        padding-top: 8px;
        text-transform: none;
        display: none;
    }
    
    #commentform p {
        display: none;
        margin: 0;
        padding: 0 0 10px;
        position: relative;
    }
    
    .big-preview.single-small .attachment-large.wp-post-image {
    width: 100%;
    }
    
    .small-preview img, .big-preview img {
        border-radius: 4px 4px 4px 4px;
        display: block;
        height: 100% !important;
        margin-bottom: -19px;
        position: relative;
        width: 100%;
        z-index: 4;
    }
    
    #top .fullsize .template-blog .post-title {
        font-size: 30px;
        margin: 17px auto 0;
        max-width: 800px;
        padding: 15px 0;
        text-align: center;
    }
    
    #top .flex_column .template-blog .post-title {
        font-size: 19px;
        margin-top: 18px;
    }
    
    .avia-content-slider .slide-entry-title {
        font-size: 13px;
        line-height: 1.4em;
        margin: 15px 0 0;
    }
    
    /*featured artists*/
    
    .main_color, .main_color div, .main_color span, .main_color applet, .main_color object, .main_color iframe, .main_color h1, .main_color h2, .main_color h3, .main_color h4, .main_color h5, .main_color h6, .main_color p, .main_color blockquote, .main_color pre, .main_color a, .main_color abbr, .main_color acronym, .main_color address, .main_color big, .main_color cite, .main_color code, .main_color del, .main_color dfn, .main_color em, .main_color img, .main_color ins, .main_color kbd, .main_color q, .main_color s, .main_color samp, .main_color small, .main_color strike, .main_color strong, .main_color sub, .main_color sup, .main_color tt, .main_color var, .main_color b, .main_color u, .main_color i, .main_color center, .main_color dl, .main_color dt, .main_color dd, .main_color ol, .main_color ul, .main_color li, .main_color fieldset, .main_color form, .main_color label, .main_color legend, .main_color table, .main_color caption, .main_color tbody, .main_color tfoot, .main_color thead, .main_color tr, .main_color th, .main_color td, .main_color article, .main_color aside, .main_color canvas, .main_color details, .main_color embed, .main_color figure, .main_color fieldset, .main_color figcaption, .main_color footer, .main_color header, .main_color hgroup, .main_color menu, .main_color nav, .main_color output, .main_color ruby, .main_color section, .main_color summary, .main_color time, .main_color mark, .main_color audio, .main_color video, #top .main_color .pullquote_boxed, .responsive #top .main_color .avia-testimonial, .responsive #top.avia-blank #main .main_color.container_wrap:first-child, #top .main_color.fullsize .template-blog .post_delimiter {
        border-color: #1d1d1d;
    }
    
    .avia-button.avia-size-large {
        font-size: 16px;
        margin-top: 105px;
        min-width: 127px;
        padding: 13px 30px;
    }
    
    #top .main_color .avia-color-theme-color {
        color: rgba(0, 0, 0, 0.9);
        font-family: 'Merriweather',serif;
    }
    
    .page-thumb img {
        border-radius: 3px 3px 3px 3px;
        display: none;
    }
    
    body .container_wrap .avia-builder-el-last {
        margin-bottom: 0;
        margin-top: 15px;
    }
    
    .showbiz-navigation.center {
        text-align: left;
    }
    
    .main_color .hr-short .hr-inner-style, .main_color .hr-short .hr-inner {
        background-color: #555555;
    }
    
    .main_color, .main_color div, .main_color span, .main_color applet, .main_color object, .main_color iframe, .main_color h1, .main_color h2, .main_color h3, .main_color h4, .main_color h5, .main_color h6, .main_color p, .main_color blockquote, .main_color pre, .main_color a, .main_color abbr, .main_color acronym, .main_color address, .main_color big, .main_color cite, .main_color code, .main_color del, .main_color dfn, .main_color em, .main_color img, .main_color ins, .main_color kbd, .main_color q, .main_color s, .main_color samp, .main_color small, .main_color strike, .main_color strong, .main_color sub, .main_color sup, .main_color tt, .main_color var, .main_color b, .main_color u, .main_color i, .main_color center, .main_color dl, .main_color dt, .main_color dd, .main_color ol, .main_color ul, .main_color li, .main_color fieldset, .main_color form, .main_color label, .main_color legend, .main_color table, .main_color caption, .main_color tbody, .main_color tfoot, .main_color thead, .main_color tr, .main_color th, .main_color td, .main_color article, .main_color aside, .main_color canvas, .main_color details, .main_color embed, .main_color figure, .main_color fieldset, .main_color figcaption, .main_color footer, .main_color header, .main_color hgroup, .main_color menu, .main_color nav, .main_color output, .main_color ruby, .main_color section, .main_color summary, .main_color time, .main_color mark, .main_color audio, .main_color video, #top .main_color .pullquote_boxed, .responsive #top .main_color .avia-testimonial, .responsive #top.avia-blank #main .main_color.container_wrap:first-child, #top .main_color.fullsize .template-blog .post_delimiter {
        border-color: #333333;
    }
    
    .image-overlay {
    position: absolute;
    background: black;
    z-index: 500;
    height: 100%;
    width: 100%;
    opacity: 0;
    filter: alpha(opacity=0);
    }
    
    #showbiz_slider1_1 .sb-navigation-left, #showbiz_slider1_1 .sb-navigation-right, #showbiz_slider1_1 .sb-navigation-play {
        background: none repeat scroll 0 0 #222222 !important;
        border: 0 solid #D5D5D5 !important;
    }
    
    #showbiz_slider1_1 .showbiz-navigation i {
        color: #aaaaaa !important;
    }
    
    /*center logo and nav*/
    
    #header_main .container, .main_menu ul:first-child > li a {
        height: 180px;
        line-height: 120px;
    }
    
    .main_menu ul:first-child > li > a {
        display: inline-block;
        font-size: 14px;
        margin-right: 20px;
        padding: 80px 9px;
        text-decoration: none;
    }
    
    /*media queries*/
    
    @media only screen and (max-width:989px) and (min-width:768px) {
    	.responsive .mobile_slide_out .logo img {
    		position:relative;
    		right:5px;
    		top:-6px;
    	}
    	
    	.main_menu {
    		bottom:-40px;
    		right:-20px;
    	}
    	
    	.main_menu .menu ul {
    		position:absolute;
    		top:85px;
    	}
    	
    	li .avia-menu-fx,.current-menu-item>a>.avia-menu-fx,li .current_page_item>a>.avia-menu-fx {
    		position:absolute;
    		top:84px;
    		
    	}
    	
    	li:hover .avia-menu-fx,.current-menu-item>a>.avia-menu-fx,li:hover .current_page_item>a>.avia-menu-fx {
    		position:absolute;
    		top: 84px;
    	}
    }
    
    div .logo {
        float: left;
        left: 35.8%;
        position: absolute;
        margin-top: 8px;
    }
    
    .main_menu ul:first-child > li > a  {
        display: block;
        float: left;
        margin: 0;
        padding: 80px 20px 0px 20px;
        position: relative;
        width: 90%;
       text-align: center;
    }
    
    .main_menu {
    right: 187px;
    margin-top: 6px;
    }
    
    .widgetContainer {
    display: none !important;
    }
    
    .logo, .logo a {
    width: 330px !important;
    }
    
    .js_active .tab {
        -moz-user-select: none;
        border-style: solid;
        border-width: 1px;
        cursor: pointer;
        display: block;
        float: left;
        font-size: 14px;
        margin: 0 -1px 0 0;
        padding: 12px 16px;
        position: relative;
        top: 1px;
        z-index: 2;
        font-family:  'Merriweather',serif;
        color: #aaaaaa !important;
        font-weight: 300;
    }
    
    div .main_color .tabcontainer .active_tab_content, div .main_color .tabcontainer .active_tab {
        background-color: #0C0C0C;
        color: #0c0c0c;
    }
    
    .js_active .active_tab_content {
        border-radius: 2px 2px 2px 2px;
        border-style: solid;
        border-width: 1px;
        display: block;
        left: 0;
        overflow: auto;
        position: relative;
        visibility: visible;
        width: auto;
        z-index: 3;
        border-color: #262626;
    }
    
    .js_active .tab {
        -moz-user-select: none;
        border-color: #262626;
        border-style: solid;
        border-width: 1px;
        color: #AAAAAA !important;
        cursor: pointer;
        display: block;
        float: left;
        font-family: 'Merriweather',serif;
        font-size: 13px;
        font-weight: 300 !important;
        margin: 0 -1px 0 0;
        padding: 12px 16px;
        position: relative;
        top: 1px;
        z-index: 2;
    }
    
    .sidebar_tab .tab_titles .tab {
        margin: 0 0 -1.7px;
        top: 0;
        width: 100%;
    }
    
    .avia-menu-fx {
        bottom: -1px;
        height: 2px;
        left: 5px;
        opacity: 0;
        position: absolute;
        visibility: hidden;
        width: 100%;
        z-index: 10;
    }
    
    pp_default div .pp_content {
        background-color: #000000;
        padding-bottom: 5px;
    }
    
    /*post navigation*/
    
    .avia-post-nav .entry-info-wrap {
        display: block;
        overflow: hidden;
        width: 1px;
        display: none;
    }
    
    #top .avia-post-nav {
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0.1);
        color: #FFFFFF;
        height: 110px;
        margin-top: -55px;
        padding: 15px;
        position: fixed;
        text-decoration: none;
        top: 50%;
        z-index: 200;
        display: none;
    }
    
    /*hide random portfolio items*/
    
    .single-portfolio.postid-360 .grid-entry-title.entry-title {
    display: none;
    }
    
    /*search bar*/
    
    #top .footer_color .input-text, #top .footer_color input[type="text"], #top .footer_color input[type="input"], #top .footer_color input[type="password"], #top .footer_color input[type="email"], #top .footer_color input[type="number"], #top .footer_color input[type="url"], #top .footer_color input[type="tel"], #top .footer_color input[type="search"], #top .footer_color textarea, #top .footer_color select {
        background-color: #111111;
        border-color: #333333;
        color: #dddddd;
    }
    
    #top #searchsubmit, .ajax_load {
        border-radius: 0 0 0 0;
        height: 40px;
        line-height: 40px;
        margin: 0;
        min-width: 40px;
        padding: 0;
        position: absolute;
        right: 0;
        top: 0;
        width: 40px;
        z-index: 2;
    }
    
    #scroll-top-link {
        border: 1px solid #111111;
        color: #888888;
        display: none;
    }
    
    .main_menu ul:first-child > li.current-menu-item > a, .main_menu ul:first-child > li.current_page_item > a {
        font-weight: normal;
    }
    
    .main_menu {
        margin-top: 15px;
        right: 187px;
    }
    
    div .logo {
        float: left;
        left: 35.8%;
        margin-top: 12px;
        position: absolute;
    }
    
    .header_color .primary-background, .header_color .primary-background a, div .header_color .button, .header_color #submit, .header_color input[type="submit"], .header_color .small-preview:hover, .header_color .avia-menu-fx, .header_color .avia-menu-fx .avia-arrow, .header_color.iconbox_top .iconbox_icon, .header_color .avia-data-table th.avia-highlight-col, .header_color .avia-color-theme-color, .header_color .avia-color-theme-color:hover, .header_color .image-overlay .image-overlay-inside:before, .header_color .comment-count, .header_color .av_dropcap2 {
        background-color: #A48F74;
        border-color: #E0BF8A;
        color: #FFFFFF;
    }
    
    .header_color .main_menu ul:first-child > li > ul, #top .header_color .avia_mega_div > .sub-menu {
        border-top-color: #A48F74;
    }
    
    .av_promobox {
        border-style: solid;
        border-width: 1px;
        clear: both;
        float: left;
        margin: 50px 0;
        overflow: hidden;
        padding: 30px 30px 15px 30px;
        position: relative;
        width: 100%;
    }
    
    /*search result counter*/
    
    .search-result-counter {
        background: none repeat scroll 0 0 #2C2C2C !important;
        border-radius: 100px 100px 100px 100px;
        box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.2);
        height: 44px;
        left: 0;
        line-height: 24px;
        padding: 10px;
        position: absolute;
        text-align: center;
        top: 1px;
        width: 44px;
    }
    
    /*contact form*/
    
    #top label {
        display: block;
        font-size: 13px;
        font-weight: 300;
    }
    
    #top .main_color .input-text, #top .main_color input[type="text"], #top .main_color input[type="input"], #top .main_color input[type="password"], #top .main_color input[type="email"], #top .main_color input[type="number"], #top .main_color input[type="url"], #top .main_color input[type="tel"], #top .main_color input[type="search"], #top .main_color textarea, #top .main_color select {
        background-color: #111111;
        border-color: #2E2E2E;
        color: #777777;
    }
    
    /*map*/
    
    .gm-style .gm-style-iw, .gm-style .gm-style-iw a, .gm-style .gm-style-iw span, .gm-style .gm-style-iw label, .gm-style .gm-style-iw div {
        font-size: 13px;
        font-weight: 300;
        color: #555555;
    }
    
    #menu-item-search {
    display: none;
    }
    
    .avia-menu-fx {
    display: none;
    }
    
    #163961

    Update, I deleted ALL my custom css code, and the issue persisted in Safari. So now on to the plugins. This is insane. I have probably spent 10 hours on this issue.

    #164118

    In between removing your custom css are you clearing your cache/checking on other computers? Plugins are definitely a possibility as well.

    #164256

    Yes Devin. I did all those things. Cleared cache, deactivated all plugins, tried on iPad mini Safari browser . . . . Issue remains.

    I’m really surprised that no one has asked me for my login info to check it out. Being that it’s not the custom css or plugins, I would think that I would get a little more help with this guys. I’m 70+ hours deep into this project and I’m sure you can appreciate that I cannot deliver a site that’s broken in 1 or the 3 top browsers. This is my 4th Theme I have purchased from Kreisi and I’ve never come across anything like this. Solid themes and elite support. I feel like I’m about to be “let go.”

    There is no doubt in my mind that if one of the Kriesi dev’s looked under the hood, they would probably discover this issue fairly quickly. It’s probably a stupid mistake of mine somewhere.

    I think I noticed that there was a recent update. I have 2.1. Is there a newer update that might fix this?

    Thank you very much Devin.
    -Pat

    #164354

    I’m heading to oDesk. Need to address this issue now. Thanks for trying guys. I know you did your best.

    -Pat

    #164405

    There isn’t anything that is view-able from the back end in this case that isn’t view-able from the front end.

    If you don’t have success on oDesk, I can tag the topic for Kriesi and maybe he can find what is causing the issue. Its unfortunately just not something I’ve come across on any other installation of the theme (or really ever in my case) which is why I suggested trying to remove customizations and any other variables that may be causing things to be different than an initial install.

    #164508

    I hear ya Devin. Kinda scary. I tried updating theme. Removing all the custom css, deactivating all the plugins . . . . I guess it has to happen to someone right? Why me? lol

    Thanks buddy.

    #165742

    Is there any way you can install the theme in a new sub directory or sub domain on the same server? Maybe, somehow, its a server setting that is causing the generated css to have a slight difference from the norm.

    #165847

    Well, it’s already on a sub domain. I wonder if Bluehost would help out? Being that it might be a server issue. I’ve delt with server issues and hosting companies (from my experience) will go above and beyond to say it has nothing to do with their server settings, etc.

    I think I sprouted a few new grey hairs over this. Haha

    Thanks Devin. I will try this out.

    Sincerely,

    Pat

    #166316

    Here was the response I received from my hosting support person :

    its not a hosting issue its to do with how safari is ignoring the !important in the css rules probably
    this rule affects the of the menu text
    color: rgb(187, 187, 187) !important;

    its in .main_menu ul:first-child >
    thats in enfold.css

    OR – safari is making the borders of the font slightly fuzzier (you could make that look better by increasing the font size).

    The second option is more likely as the mouseover effect makes the words brighter.

    But theres nothing server side that affects how different css browser rules are rendered in different browsers.

    It’s not an !important rule issue because i cleared all the custom css and the issue still persisted. This is one crazy situation. It really sucks because this is the best theme ever and I might have to start over with a new theme.

    So it sounds like I’m stuck. I guess the last thing to try would be to test another font maybe. I’m out of ideas. I will update (in case soeone else has this issue.)

    #166323

    Ok, I’m on to something. I trying to give you guys everything you need to help me with this issue. Thank you for baring with me.

    1. I applied the example that Josue referenced to me on how to use media queries for specific browsers and made the menu items BOLD within Safari

    2. There were (3) specific menu items that remain NORMAL weight, and the rest are BOLD.

    3. I (replaced) one of the NORMAL menu items (pages) with a new page I created named “Test Page.” Attached is a screenshot of what’s going on.

    http://postimg.org/image/632qvma8n/

    As you can see there is some craziness happening here. If it’s not my custom CSS, and it’s not the browser or my hosting, it has to be the theme. Please please please help me with this guys. This is it. I will have to go with another theme and spend weeks re-custimizing it (dozens of hours). I have never experienced this level of issues without a theme developer offering to login to my admin and help out. I’m 98% sure it’s a theme issue.

    RECAP :
    1. I’ve tried clearing out ALL myc custom css. – Issue remained
    2. I am running the latest version of Safari.
    3. My hosting provider says it’s not a server issue.
    4. I deactivated ALL my plugins – issue remained.
    5. I updated the theme – issue remained
    6. I tried a different font – issue remained

    Whatever is left to do is beyond my expertise.

    please help

    #166331

    I’ll gladly log in and take a look. I understand how you may look at it as a theme issue but if it was, it would or at least should be manifesting itself with any of the other 9k people who have purchased and are using the theme.

    You can send the information to my email at DevinVinson (at) gmail.com. Make sure to include a link to this topic so that my spam filter doesn’t grab it :)

Viewing 29 posts - 1 through 29 (of 29 total)

The topic ‘Issues with Safari browser’ is closed to new replies.