Home Forums Bee WordPress Theme Show fullwidth wrap only on mobile devices

This topic contains 5 replies, has 2 voices, and was last updated by  gazel 2 years, 6 months ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #6281

    gazel
    Participant

    Hello,

    I’m thinking about using Layer slider to show certain content on desktops and the fullwidth wrap to show the same content on mobile devices. I know how to disable Layer Slider for mobiles but is it possible to have a single fullwidth wrap displayed only on mobile devices?

    br

    #6293

    BWSM
    Keymaster

    Hi,

    There is not the option in Bee theme. But I think i can try with custom css to achieve it. Please leave your demo link, I need to know which section you want to shown in mobile device.

    BR

    #6301

    gazel
    Participant
    This reply has been marked as private.
    #6315

    BWSM
    Keymaster

    Please login wp-admin, go to Bee / General Settings / Custom Css
    Paste the style code to Custom Css:

    body.page-id-2 #content_wrap>.row-fluid>.fullwrap_moudle:first-child {display:none;}
    @media (max-width: 768px) {
    body.page-id-2 #content_wrap>.row-fluid>.fullwrap_moudle:first-child {display:block;}
    }

    The code would hide the first fullwidth wrap (one with 4 icon boxes) in desktop, show it on mobile devices (screen size less than 768)

    #6316

    BWSM
    Keymaster

    It only works on the page you pasted, notice the page-id number

    #6340

    gazel
    Participant

    thank you for your support

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.