Problem with mobile version Oasis Template Shape5

annelcarrol

Hi, I have a problem with Oasis Template from Shape5, I attached 2 image, the problem is with the mobile version, it only works good in for example an IPAD... , the S5-image-content.. works good.. look first image attach, but if I open my website in a smartphone for example samsung s5, the S5-image-content doenst work it only shows the logo.. please can you help me how to fix this, I want the website looks the same as in desktop, or ipad.

thank you..

saguaros

Hi annelcarrol

That slide module in 'custom-1' position is hidden on mobile, if you want to show it, you can use this custom CSS:

@media (max-width: 579px){
#s5_pos_custom_1 .moduletable.hide_mobile {
    display: block !important;
}
}

annelcarrol

saguaros Hi I did what you told me and now looks better but the complete module is not complete, I only see like half of it, do i need to add something else in the css code? look attached image: image1:module in IPAD looks complete, but in smartphone image2: look only like half of it..
image1:

image2:

Another question why this word appears in the slide "open gallery"? how can I take out this word from the slide module?

saguaros

Hi annelcarrol

This module is hidden by default on mobile so you will need to add some custom style for it when showing on mobile, pls edit my above code to:

@media (max-width: 579px){
#s5_pos_custom_1 .moduletable.hide_mobile {
    display: block !important;
}

.jdGallery a.right, .jdGallery a.left {
    display: block !important;
}

.jdGallery .slideInfoZone {
    top: 15px !important;
}

.jdGallery div.carouselContainer {
    display: none;
}
}

annelcarrol

great, code is working, thank you.