Tagged: , ,

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • May 13, 2015 at 7:05 pm #443960
    May 14, 2015 at 10:24 am #444185
    Rikard

    Hey Greg!

    It looks the same on the desktop version of Safari, please try this in Quick CSS under Enfold–>General Styling:

    .logo img {
  left: 0% !important;
  transform: translate(0%) !important;
}

    Cheers!
    Rikard

    May 14, 2015 at 11:36 pm #444660
    Donkies11

    Hello Rikard,

    I placed the code in the Quick CSS. It still is off screen.

    Also, I was told in another support communication to place the following in our CSS:

    .logo { width: 100% !important; }
.logo img { left: 50% !important; transform: translate(-50%) !important; }

    Might the two now be conflicting?
    ~ Greg

    May 15, 2015 at 9:31 am #444838
    Rikard

    Hey!

    Yes they most likely will, could try to remove the code you did not get from me to see if it helps? If it does not, then please provide us with a temporary admin login so that we can take a closer look. You can post the details here as a private reply.

    Regards,
    Rikard

    May 21, 2015 at 3:34 am #447520
    Donkies11

    Hello Rikard,

    I finally got back to this.

    It centered the logo, but it is smaller then it should be.

    iPad/Safari screenshot
    iPad/Safari screenshot

    Firefox screen shot
    FF

    Thoughts on getting it “full size”?

    TIA,
    Greg

    May 21, 2015 at 3:35 am #447523
    Donkies11

    PS. The black element in the center of the iPad shot is because my wife’s home button broke. That is an app as a “fix”. gw

    May 22, 2015 at 5:29 am #448154
    Rikard

    Hi!

    Please add the following as well:

    .html_header_top.html_logo_center .logo {
  left: 0% !important;
  -webkit-transform: translate(0%, 0) !important;
  -ms-transform: translate(0%, 0) !important;
  transform: translate(0%, 0) !important;
}

    Regards,
    Rikard

    May 26, 2015 at 9:18 pm #450322
    Donkies11

    Hello Rikard,
    That has helped a lot – thank you.
    There are two items I’d like to fix if possible:

    1. Less white space between logo and menu with iPad/Safari
    2. Fix so entire menu is on one line – right now, menu wraps with iPads/Safari

    Any advice? (screenshots below)
    ~ Greg

    iPad/Safari Screen Shot
    iPad / safari screenshot - logo white space and menu wrap

    Firefox Screenshot
    FF screenshot

    • This reply was modified 9 years, 5 months ago by Donkies11.
    May 28, 2015 at 5:18 am #450879
    Rikard

    Hi!

    Please try the following in Quick CSS:

    @media only screen and (min-width: 768px) and (max-width: 1024px) {
#top .av_seperator_big_border#header .av-main-nav > li > a {
  padding: 0 1px !important;
}
}

    Regards,
    Rikard

    May 28, 2015 at 11:23 pm #451471
    Donkies11

    Hello Rikard,
    I think we’re well into the ballpark now – and you’ve put a lot of time/energy into this one, which is greatly appreciated.
    I say we call this one closed.
    Thank you,
    Greg

    May 30, 2015 at 5:30 am #451876
    Rikard

    Hi Greg!

    Great, glad we could help :)

    Cheers!
    Rikard

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Logo off screen on iPad/Safari’ is closed to new replies.