Media Queries,.show-block, .hide-block - repost
$30-250 USD
Teslim sırasında ödenir
Hello,
Looking for someone, to add costums css to my [url removed, login to view] wordpress template to.
show and hide blocks, to different resolutions, like:
@media (min-width: 768px) and (max-width: 959px) {
.show-block { display: block; }
.hide-block { display: none; }
}
but for all different resolutions incl. mobile.
working communication, over skype please.
regards
stefan
For a better understanding, this is what i'm looking for:
How to hide / show a section on a specific version of the site (e.g. mobile)?
Use one of built-in CSS classes to manage elements displaying on different site versions (desktop, tablet, mobile and mini):
Showing class Hiding class Description
lte-tablet hide-lte-tablet less then or equal tablet
lte-mobile hide-lte-mobile less then or equal mobile
lte-mini hide-lte-mini less then or equal mini (which in fact means the same as mini only)
gte-desktop hide-gte-desktop greater then or equal desktop (which in fact means the same as desktop only)
gte-tablet hide-gte-tablet greater then or equal tablet
gte-mobile hide-gte-mobile greater then or equal mobile
desktop hide-desktop desktop only
tablet hide-tablet tablet only
mobile hide-mobile mobile only
mini hide-mini mini only
For example, if you want the optional box to be displayed on the tablet and desktop versions only, add the gte-tablet class to this section:
<section id="optional-box-1" class="box gte-tablet" data-expires="30">
...
</section>
Adding many of these classes will be treated like the logical operator OR. For example, if you want the box to appear only on the mini and desktop versions, you can use classes combination: mini desktop. Or for example if you want to hide it only on the tablet version, us classes combination: lte-mobile dekstop, so it will be displayed on mobile or smaller and desktop versions. In this case (where content is hidden only on version) it's better to use the hide-tablet class, of course.
hope it helps.
regards
stefan
Proje NO: #4471639
Proje hakkında
Seçilen:
Bu iş için 6 freelancer ortalamada $140 teklif veriyor
Hi, We at on2itonline would love to work with you on this, we do MAD "full service" websites on a clear and fixed budget. We have lots to offer that others don't ,like our lifetime FREE hosting on every website for a s Daha Fazla