Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • August 29, 2014 at 1:23 am #310739
    sammiak

    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 :)

    August 30, 2014 at 11:50 am #311254
    Josue

    Hey!

    Try adding this code to the Quick CSS:

    @media only screen and (max-width: 767px) {
.flex_column.first{ display: none; }
}

    Cheers! 
    Josue

    August 31, 2014 at 12:44 am #311416
    sammiak

    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 :)

    August 31, 2014 at 1:21 am #311419
    Josue

    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

    September 2, 2014 at 2:41 am #312023
    sammiak

    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!

    September 2, 2014 at 2:57 am #312026
    Josue

    Hey!

    Try with this:

    @media only screen and (min-width: 767px) {
#header{ display: none !important; } 
}

    Cheers!
    Josue

    September 2, 2014 at 3:50 am #312031
    sammiak

    Excellent!!
    that works – but is there a way to keep the social media icons? (small nav bar above the header?)

    • This reply was modified 11 years, 2 months ago by sammiak.
    September 2, 2014 at 3:51 am #312034
    Josue

    Hey!

    Try:

    @media only screen and (min-width: 767px) {
#header_main{ display: none !important; } 
}

    Cheers!
    Josue

    September 8, 2014 at 1:09 am #314794
    sammiak
    This reply has been marked as private.
    September 12, 2014 at 6:15 am #317852
    Josue

    Hi Samantha!

    Are you referring to this?

    Cheers!
    Josue

    September 17, 2014 at 8:50 am #320373
    sammiak

    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 …

    September 17, 2014 at 7:48 pm #320689
    Josue

    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

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • You must be logged in to reply to this topic.