Media Queries,.show-block, .hide-block - repost

Tamamlanmış İlan edilme: Apr 28, 2013 Teslim sırasında ödenir
Tamamlanmış 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

CSS

Proje NO: #4471639

Proje hakkında

6 teklif Uzak proje Aktif Apr 29, 2013

Seçilen:

web365z

I can help you.

%selectedBids___i_period_sub_7% gün içinde 88%project_currencyDetails_sign_sub_9% %project_currencyDetails_code_sub_10%
(1 Yorum)
1.3

Bu iş için 6 freelancer ortalamada $140 teklif veriyor

miennh

Expert here.

$121 USD in 0 gün içinde
(13 Değerlendirme)
3.9
Canutza

Hi, I can do this!

$165 USD in 6 gün içinde
(11 Değerlendirme)
3.8
miniric3

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

$257 USD in 7 gün içinde
(1 Yorum)
2.8
Saraza2012

Expert here Check your PMB.

$110 USD in 2 gün içinde
(2 Değerlendirme)
2.0