Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • June 10, 2014 at 9:22 pm #277192
    stevemulisa

    before i had

    @media only screen and (min-width: 768px) { .page-id-1176 #layer_slider_2 { display: none!important; } }
    @media only screen and (max-width: 767px) { .page-id-1176 #layer_slider_1 { display: none!important; } }

    what do i have to use now that there is no longer page id,, (they are names and i tried to change with the link name with no success)

    June 10, 2014 at 10:03 pm #277216
    Josue

    Hi,

    Can you post the link to page-id-1176 please?

    Regards,
    Josue

    June 10, 2014 at 10:07 pm #277218
    stevemulisa

    well :

    http://lesalimentskabeya.com/?page_id=1176

    but the thing is that i didn’t update this website due to it’s beautyfull stability with the layer slider (it is the only layerslider iteration that have clean edge on png picture on IE, where all the newest version, had lost that png transparency clean edge property) so what im saying is that on the new enfold theme i have

    http://www.cdc-cc.ca/homepage/ (so how do i refer to homepage instead of page-id in the script provided above, i tried replacing page id with homepage and didn’t work)

    June 10, 2014 at 10:21 pm #277224
    Josue

    I see, but there is only one slider in here, you’d want to have on slider for desktop and one for mobile right?

    Best regards,
    Josue

    June 11, 2014 at 12:45 pm #277496
    stevemulisa

    that is right the other layerslider have id 5 and i didn’t add it yet because i don’t want them to show at the same time, but do you absolutly need me to add them both for now? or is it enough to know that the one on there is id 4 and is called coming soon et the other one is id 5 and is called coming soon mobile?

    June 11, 2014 at 6:10 pm #277634
    Josue

    You can create a test page with the sliders so we can debug the code live, you can use this plugin to clone pages.

    Best regards,
    Josue

    June 12, 2014 at 2:39 am #277862
    stevemulisa

    http://www.cdc-cc.ca/homepage/test/

    now you have 2 slider, how can i use my media queries to put the first one on regular screen and the second one on the mobile screen

    June 12, 2014 at 4:54 am #277880
    Josue

    Try with this:

    #layer_slider_2 {
    display: none;
}
@media only screen and (max-width: 767px) {
#layer_slider_1 {
    display: none;
}
#layer_slider_2 {
    display: block;
}
}

    Regards,
    Josue

    June 13, 2014 at 8:13 am #278510
    stevemulisa

    thx for that, but actually i also , let’s need to control on which page that is going to happen, like the script i had before, so basically being specifi on a certain page. i wanted to use that same technic to remove a header on a specific page, do you have a way to do so, removing a header on a specific page (because the blank page , no header no footer is not responsive on mobile device and i wanted to use it as advanced layerslider langage selector)

    June 13, 2014 at 5:22 pm #278630
    Josue

    Hey!

    Prefix the page-id:

    .page-id-xx #layer_slider_2 {
    display: none;
}
@media only screen and (max-width: 767px) {
.page-id-xx #layer_slider_1 {
    display: none;
}
.page-id-xx #layer_slider_2 {
    display: block;
}
}

    Cheers!
    Josue

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