Skip to main content

Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

  • This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #186388
    Matt Fletcher
    Participant

    I am trying to move a search box widget on a WordPress page by using translate (since it be put there by default). The code below works on all of the major browsers except Safari both the desktop and mobile versions. The code is below:


    input#s {

    -ms-transform: translateY (85px);
    -webkit-transform: translateY (85px);
    -moz-transform: translateY (85px);
    -o-transform: translateY (85px);
    transform: translateY(85px);
    z-index: 1000;
    position: relative;
    display: inline-block;

    }

    Thanks for any help.

    #186390
    Paulie_D
    Moderator

    We’d need to see it…also clarify which version of Safari.

    You might try

    
    -webkit-transform: -webkit-translateY (85px);
    

    Just for completeness though.

    #186392
    Paulie_D
    Moderator

    Wait…

    input#s {
    
    -ms-transform: translateY(85px);
    -webkit-transform: translateY(85px);
    -moz-transform: translateY(85px);
    -o-transform: translateY(85px);
    transform: translateY(85px);
     z-index: 1000; 
      position: relative;
      display: inline-block;
    
    }
    

    Removed the spaces….

    #186395
    Paulie_D
    Moderator

    edit: Paulie_D was much faster to recognize it :)

    Actually, I spotted the same question & answer on StackOverflow and copied it here for comepleteness.

    :)

Viewing 4 posts - 1 through 4 (of 4 total)
  • The forum ‘CSS’ is closed to new topics and replies.