This is searchable archive of our old support forums, which operated from 2012 - 2016. To find out how to get support for your current theme, please visit our support page.

missing hover-effect for buttons on mobile devices (e.g. iphone & ipad)

  • Creator
    Topic
  • #19919
    newbie2004
    Participant

    hi jason,

    one small issue for me, which i can’t solve and hope, that you will help me!?

    on ihone & ipad i don’t have hover effect for buttons on page “home” (slider and post list slider).

    here is a link to my page: http://bit.ly/1vGVoLt

    br,

    newbie2004

Viewing 3 replies - 1 through 3 (of 3 total)
  • Author
    Replies
  • #19935
    Jason Bobich
    Keymaster

    Hi,

    Apologies, but I guess I’m not understanding the issue. How can a touch device have a hover? When you tap, you’re effectively “clicking” the button; there’s no hover.

    #19949
    newbie2004
    Participant

    hi,

    okay, you are right, but when “touching” a button, then it will change the style as well.
    this behaviour i’ missing.

    br

    newbei2004

    #19958
    Jason Bobich
    Keymaster

    I’m fairly certain there’s no hover action on touch devices. I believe what you’re describing would be the :active pseudo selector, and not :hover.

    Currently it looks like you’re doing something like this in your CSS:

    @media (max-width: 1024px) {
    	.btn.btn-default:hover {...}
    	...
    }

    So, instead just style all the states:

    @media (max-width: 1024px) {
    	.btn.btn-default:hover, 
    	.btn.btn-default:focus, 
    	.btn.btn-default:active {...}
    	...
    }
Viewing 3 replies - 1 through 3 (of 3 total)
  • The forum ‘Swagger Responsive WordPress Theme’ is closed to new topics and replies.