Support Forums

Support Online : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

Hide on Desktop - hidden-lg is missing - only hidden-sm and hidden-md are inserted..

Featured Lock Resolved Issue
Hi, i try to hide a section from the helix3 Layout. I clicked on the gear-icon and set hidden on tablet and hidden on desktop. After ich seen that on my 27° iMac with a big screen resolution the section was not hidden inspected the code and have seen that only hidden-sm and hidden-md are inserted.

How can i arrange it without taking the #id from my section an hide it manualy with a media-query?
If this will be the only solution - can you tell me the media-query dimension i need?

Thanks Ralf

3 Answers

Paul Frankowski - Staff

More than a month ago #Permalink
Hi,
Probably yes.
Helix3 was based on bootstrap 3, which had only 3 modes: Mobile, Tablet and Desktop.
---
You tell me what dimension has 27" iMac -- I have only 23"

Paul Frankowski - Staff

More than a month ago #Permalink
OK found , 5120 x 2880px WOW.
-----
In layout > Each Row (section) in options you can add Custom CSS Class. Let's use this feature.
For example use there class name: hidebig
And

@media screen and (min-width: 5000px) {
.hidebig {display: none !important; visibility: hidden; height: 0 !important;}
}


How to use custom CSS in helix3 - in manual



*I used 5000px not 5120, because some users have toolbar on the left or right sidebar not at the bottom.

Attachments (1)

  • custom_css_field_helix3.png
    custom_css_field_helix3.png 9.9 KB

Ralf N.

More than a month ago #Permalink
NO thats wrong :)
This are the correct media-querries to use with sp builder an helix 3:


@media (max-width: 753px) {
.class{styles}
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 754px) {
.class{styles}
}
/* Medium devices (desktops, 992px and up) */
@media (min-width: 976px) {
.class{styles}
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1169px) {
.class{styles}
}



I added those to my custom.css and it works perfect.


There are no replies made for this post yet.
Be one of the first to reply to this post!

Leaderboard (30 days)

Sifat

Sifat

Total Accepted Answers: 112
Paul Frankowski

Paul Frankowski

Total Accepted Answers: 98
Toufiq

Toufiq

Total Accepted Answers: 89
Kamruzzaman Alam

Kamruzzaman Alam

Total Accepted Answers: 2
FUTURECLIENT

FUTURECLIENT

Total Accepted Answers: 2

115

Templates

295824

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us