Viewing 19 posts - 1 through 19 (of 19 total)
  • Author
    Posts
  • July 27, 2015 at 4:50 am #478873
    koala

    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.

    July 28, 2015 at 5:40 am #479425
    Rikard

    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

    July 28, 2015 at 3:53 pm #479772
    koala

    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.

    July 30, 2015 at 5:54 am #480527
    Rikard

    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

    August 21, 2015 at 3:21 am #491145
    koala

    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.

    August 23, 2015 at 6:27 am #491807
    Rikard

    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

    August 23, 2015 at 4:59 pm #491866
    koala

    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.

    August 23, 2015 at 10:57 pm #491928
    Basilis

    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

    August 24, 2015 at 2:58 pm #492244
    koala

    Hi Basilis,

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

    August 25, 2015 at 12:32 pm #492856
    Andy

    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

    August 26, 2015 at 6:25 am #493305
    koala

    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.

    August 27, 2015 at 5:34 am #493918
    Rikard

    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

    August 27, 2015 at 6:38 am #493936
    koala

    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.

    August 28, 2015 at 5:17 am #494612
    Ismael

    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

    August 28, 2015 at 3:28 pm #494882
    koala

    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!

    August 29, 2015 at 10:52 am #495274
    Ismael

    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

    August 29, 2015 at 3:11 pm #495323
    koala

    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, 2 months ago by koala.
    September 1, 2015 at 3:56 pm #496470
    koala

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

    September 2, 2015 at 12:56 pm #497036
    Andy

    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

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