Hi there – is it possible to hide certain columns when viewing on mobile? I’d like to hide the first column on each page .. thanks :)
Hey!
Try adding this code to the Quick CSS:
@media only screen and (max-width: 767px) {
.flex_column.first{ display: none; }
}
Cheers!
Josue
Thanks Josue,
Yes that worked ,, but
1. I now lose the socket at the bottom
2. Is there a way to show a certain text box on a mobile but not on a page?
I appreciate your help :)
Hi!
Hmm, i suppose your columns are in the .content container, try:
@media only screen and (max-width: 767px) {
.content .flex_column.first{ display: none; }
}
Best regards,
Josue
Thanks josue,
That worked great – now another request please :)
Is it possible to hide the header (logo and navigation) on a desktop but show it on a mobile / tablet?
Thanks!
Hey!
Try with this:
@media only screen and (min-width: 767px) {
#header{ display: none !important; }
}
Cheers!
Josue
Excellent!!
that works – but is there a way to keep the social media icons? (small nav bar above the header?)
Hey!
Try:
@media only screen and (min-width: 767px) {
#header_main{ display: none !important; }
}
Cheers!
Josue
Hi Josue –
Yes – That’s it … the arrows drop down to the next line and am wondering how I should fix it … ?
I’m also wondering if I could show the enfold mobile theme on mobile rather than the ubermenu theme … ?
Problem here is that the ubermenu is in the first column – which brings me back to my problem in the first place! aggh! I need a new set of eyes …
Hey!
Try adding this code to the Quick CSS:
@media only screen and (min-width: 767px) and (max-width: 989px) {
.ubermenu .ubermenu-item-layout-icon_right > .ubermenu-icon {
display: none;
}
}
Cheers!
Josue