Viewing 19 posts - 1 through 19 (of 19 total)
  • Author
    Posts
  • #478873

    Please take a look at the Chrome version of the site below:
    https://dl.dropboxusercontent.com/u/52916400/chrome.png

    And then take a look at the Safari version:
    https://dl.dropboxusercontent.com/u/52916400/safarirs.png

    The logo is super tiny on Safari and it should be normal size.

    Also, I reduced the header height and it looks perfect on Chrome, but the menu’s disappear on Safari.

    I am using the latest MAC OS and browser versions as well as the most current Enfold.

    #479425

    Hi koala!

    Seems like the whole header area shrunk there, you have a lot of customisations to the header, could you try remove them one by one to see which one is causing the problem?

    Regards,
    Rikard

    #479772

    Not only did I remove the custom css one by one, I removed the ENTIRE custom CSS code and still, the logo shrinks in Safari.

    The CSS is replaced for now. It must be in the Enfold settings or else broken in Safari, but it works in all other browsers. Can you take a look again? The login info is above.

    #480527

    Hi,

    I’m not sure if you got this fixed or not but I’m pretty sure it’s caused by your customisations, otherwise the theme would not be compatible with Safari at all, and that is not the case.

    Regards,
    Rikard

    #491145

    Okay, I see the logic, but where do I go from here? I sent you the login info so you can remove the CSS and see for yourself.

    #491807

    Hi,

    I had a look at your code but I couldn’t find what is causing it, I would recommend you to remove all of your customisations and add them one by one to see which one is causing the problem.

    Best regards,
    Rikard

    #491866

    Hi Rikard,

    As I mentioned above, I did that. I removed all of the custom code again today and it is still happening. Can you take a look today as I cannot do anything else while all code is removed.

    Thank you.

    #491928

    Hi!

    I loaded the site to firefox and I can see it small.
    Can you please disable all the plugins, reset the custom CSS, so we can check the site?

    Cheers!
    Basilis

    #492244

    Hi Basilis,

    I removed all custom CSS and disabled all plugins. You can login and check now.

    #492856

    Hi!

    it looks the same for me on Chrome and Safari. Logo is pretty small:

    Did you shrink logo by purpose? do you still need help on this? don’t forget to clear browser cache and hard refresh a few times.

    Regards,
    Andy

    #493305

    Andy, that’s a joke, right? Did you read this whole thread?

    Rikard & Basilis – I have follow every step you asked (removed all css and plugins) and the logo still shrinks. Can you help troubleshoot this?

    AGAIN, in summary, the logo shrinks in Firefox and Safari even when all CSS and plugins are removed. The logo should not shrink. Chrome displays correctly.

    #493918

    Hi,

    I don’t know what you mean by Andy’s post being a joke? I get the same results as him. You’re saying the that the logo shrinks in Firefox and Safari and that it’s displaying correct in Chrome, but it’s displaying the same on Firefox/Safari as in Chrome on our ends? I think you have to explain a bit further what the actual problem is here.

    Thanks,
    Rikard

    #493936

    Basically, the logo shrinks in Safari and Firefox.

    For clarity, I will quote from my comments above:
    7/27 – The logo is super tiny on Safari and it should be normal size.

    8/26- AGAIN, in summary, the logo shrinks in Firefox and Safari even when all CSS and plugins are removed. The logo should not shrink. Chrome displays correctly.

    #494612

    Hi!

    Alright. Let’s start again. First, we need to see the actual issue so you need to add the css customizations again. We are sorry if we asked you to remove it before. Right now, the logo is small with a black header background, this is the same on any browser, very different from what was indicated in the screenshots:

    https://dl.dropboxusercontent.com/u/52916400/chrome.png
    https://dl.dropboxusercontent.com/u/52916400/safarirs.png

    We apologize for the confusion. We’ll check the site again after you add the css modifications back.

    Best regards,
    Ismael

    #494882

    Thank you Ismael!

    I put the CSS back and those screenshots should be accurate again. In Chrome, the logo is the correct size. In Safari, Firefox, and iPad it shrinks. Any changes in CSS were via Kriesi suggestions.

    Thank you for your guidance. We really appreciate it!

    #495274

    Hey!

    Alright. We added a few safari-specific css codes to fix the logo and the menu. You can check it now: http://dreamgrowers.desi/redskyshelters.com/yome/

    Best regards,
    Ismael

    #495323

    Thank you so much Ismael. Just a couple of things and I think we’re good.

    1) The logo shifted down a 1 or 2 pixels. Previously, the corners of the triangle were aligned where the body changes to menu area. You can see where the background changes from dark to light in the opacity. I put a red arrow in this screenshot where [I think] it was previously. https://dl.dropboxusercontent.com/u/52916400/logo-rs.png

    2) I would like to move the whole site [back] up so that the eagle wing (near the top of the logo) is only 5px from the top of the browser. Basically, I would like everything to move up about 15 px without throwing anything else off.

    Otherwise, this is fantastic!

    • This reply was modified 9 years, 3 months ago by koala.
    #496470

    Ismael could you take a quick look at this? There were some unintentional changes.

    #497036

    Hi!

    1.) You can control your logo’s position with this code:

    strong.logo {
    top: 75px !important;
    }
    

    2.) Try this code:

    html.html_boxed.responsive.av-preloader-disabled.av-default-lightbox.html_header_top.html_logo_center.html_bottom_nav_header.html_menu_right.html_custom.html_header_sticky_disabled.html_header_shrinking_disabled.html_mobile_menu_tablet.html_disabled.html_header_searchicon.html_content_align_center.html_header_unstick_top_disabled.html_header_stretch_disabled.html_entry_id_30.avia_desktop.js_active.avia_transform.avia_transform3d.avia_transform.avia_transform3d.avia-webkit.avia-webkit-44.avia-chrome.avia-chrome-44.avia-mac {
    position: relative;
    top: -45px;
    }
    

    and adjust as needed.

    Cheers!
    Andy

Viewing 19 posts - 1 through 19 (of 19 total)
  • You must be logged in to reply to this topic.