jquery - Setting styles for desktop only (responsive site) -

-

ok, hope makes sense, here go...

i'm building responsive site, desktop version has been done. , have image within div wrapper. has on hover state , displays test. done through css.

now on tablet want able create dropdown text rather hover state. problem when hover on div need click on tablet version (max-width: 1024px) content shows. want show onclick jquery.

here css site set on site itself:

.texthoverwrapone:hover div.block-50_texthoverone, .texthoverwraptwo:hover div.block-50_texthovertwo, .texthoverwrapthree:hover div.block-50_texthoverthree,.texthoverwrapfour:hover div.block-50_texthoverfour, .texthoverwrapfive:hover div.block-50_texthoverfive, .texthoverwrapsix:hover div.block-50_texthoversix{     visibility: visible;      opacity: 1;      -webkit-transition: 0.4s ease-in-out;     -moz-transition: 0.4s ease-in-out;     -o-transition: 0.4s ease-in-out;     transition: 0.4s ease-in-out; }

i want able remove styles tablet , smaller. can't seem clear them. way can think removing class jquery on mobile/tablet devices, seems far hacky.

is there way can set styles appear on on 1024px using media queries?

@media screen , (min-width: 1024px) {   // rules here }

Comments

Post a Comment

Popular posts from this blog

Unable to remove the www from url on https using .htaccess -

-
i want remove www site url. ie. https://www.domainname.com.au https://domainname.com.au . i have tried various .htacces code nothing work me. here present code remove www http not work https. rewriteengine on rewritebase / rewritecond %{http_host} ^www\.(.*)$ [nc] rewriterule ^/(.*)$ http://%1/$1 [r=301,l] rewritecond %{https} off rewriterule ^(.*)$ https://domainname.com.au/$1 [r=301,l] rewriterule ^code-of-conducts/(.*)/$ code-of-conducts.php?type=$1 rewriterule ^parents/post-a-job/(.*)/edit/$ parents/post-a-job.php?action=edit&id=$1 rewriterule ^parents/post-a-job/(.*)/$ parents/post-a-job.php?job_type=$1 rewriterule ^parents/open-jobs/(.*)/delete/$ parents/open-jobs.php?action=delete&id=$1 rewriterule ^parent-profile/(.*)/$ parent-profile.php?id=$1 rewriterule ^parents/job-details/(.*)$ parents/job-details.php?applied_id=$1 rewriterule ^sitterprofile/(.*)/$ sitterprofile.php?id=$1 rewriterule ^sitter/job-board/state/(.*)/page/(.*)/$ sitter/job-board.ph...
Read more