Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New to the CF scene
    Join Date
    Mar 2013
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Overlapping menu in Safari only

    I have a problem rendering a menu in Safari. In safari I have a menu that overlaps with my profile picture. I don't have this problem in Chrome or Firefox. The menu position is controlled by the code
    #profile_menu{}.__wps__wrapper }
    I can change the position of the menu if I add padding-top: 150px; in the {}, but it is applied across browsers. Is there a way to target safari? I tried
    @media screen and (-webkit-min-device-pixel-ratio:0)
    and a few other hacks, to no avail. Alternatively, is there another way to fix it, so I don't have to hack the code? the website is www.thefreecollective.org/profile/. I can provide a temp login if necessary to see the problem. Thanks.

  • #2
    Senior Coder
    Join Date
    Jan 2011
    Location
    Missouri
    Posts
    4,290
    Thanks
    23
    Thanked 611 Times in 610 Posts
    See if you have coding errors first go to http://validator.w3.org/#validate_by_input and post your code there.
    Coding error are a big cause of not working in all browser (IE being the exception).


  •  

    Tags for this Thread

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •