Support » Theme: Tienda Basic » Header covers user logout dropdown in Safari

  • Resolved GaryManners

    (@garymanners)


    Thanks for a super theme. One bug I’m hoping you can address with an update:

    When I hover over the logged in user interface in the very top right, the dropdown which provides navigation to the user page, logout, etc. is covered over by your theme’s scrolling header. This only happens in Safari. (both desktop and iOS)

    I tried playing with the z-index to force the banner to come under the dropdown menu, but couldn’t get that to work.

    Is there a quick CSS fix I can apply?

    The issue came up on a development site and I subsequently tested it on a clean-plugin free beta site. I cannot send you a link since the problem only occurs when the user is logged in.
    But here’s a Screenshot: https://www.dropbox.com/s/340qw57esicav3f/Screenshot%202017-12-05%2011.44.26.png?dl=0

Viewing 3 replies - 1 through 3 (of 3 total)
  • Just tried a lightbox plugin (Simple Lightbox) and the same thing is happening.
    The Page and header hover over the lightbox image. Which makes me think it is a z-index thing particular to Safari.
    I made a sample page. Go here and click on the image. Again, this is only in Safari. Works ok in Firefox and Chrome.

    Just tried a lightbox plugin (Simple Lightbox) and the same thing is happening.
    The Page and header hover over the lightbox image. Which makes me think it is a z-index thing particular to Safari.
    I made a sample page. Go here and click on the image. Again, this is only in Safari. Works ok in Firefox and Chrome.
    go here and try clicking on the image to activate lightbox. http://betatest.fturek.com

    I did contact the developer and they recommended I change the Transform rule to none. I was able to fix this bug with the following.
    #header, .home-container {transform:none;}
    The developer promised an fix in the next update.

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