parts of page not displayed on mobile & tablet screens

carine-k

Hi,

Event if on template layouts all positions & modules are displayed, for tablets & mobiles devices, some parts of HP aren't visible (videos, albums, artists on red background). Please see screenshots.
After logging on backoffice, you'll need to log again at bottom of front office page.

Thanks for your help to have every module displayed.

Regards
Carine

saguaros

Hi carine-k

Due to the concept of template, some sections are hidden in small view with this custom css:

.home-feature, .ja-home-2, .bannergroup, #newsticker-block, .t3-spotlight-1, .t3-sl-1, #back-to-top {
    display: none;
}

so if you want to show them again, for example, 'home-feature' section, you can override with this:

@media (max-width: 767px) {
.home-feature {
  display: block !important;}
}

carine-k

Hi Saguaros,

I've added code for home-feature, thanks.
But there's no space between home-feature and top bar. Is it possible to have some ?

Then I tried to add home-2 with this code :
media (max-width: 767px) {
.home-2 {
display: block !important;}
}
then this one
media (max-width: 767px) {
.ja-home-2 {
display: block !important;}
}
And none of them display the part I want.

See screen shot for both bugs.
Thanks a lot
Regards
Carine

saguaros

This block is not supported with style on mobile by default so you can add custom css for it, like:

@media (max-width: 767px) {
.home-feature {
    padding-top: 50px !important;
}
}

and adjust the padding value as you wish.

carine-k

Hi Saguaros,

I've added the code as mentionned above but it does'nt change anything (see screenshot). I've tried with 100px.

Thanks
Carine

saguaros

Hi Carine,

It looks like you disable this home-feature, I tried to enable it and the padding works fine:

carine-k

Hi Saguaros,

Sorry I don't understand how I've disabled home-feature.
I still have the same HP without videos and audios displayed, on computer (smallest window size) and on my mobile.

Could you explain this to me ?

Thanks
Carine

saguaros

Hi Carine,

Previously, I see that you add the custom css to show the home-feature on homepage:

@media (max-width: 767px) {
.home-feature {
  display: block !important;}
}

But I don't see it now so I said it's disabled. Kindly check your custom code again.

carine-k

Hi Saguaros,

It's in custom.css at bottom

/ faire apparaître les vidéos et albums manquants sur la HP /
@media (max-width: 767px) {
.home-feature {
padding-top: 100px !important;}
}

Thanks
Carine

saguaros

carine-k Could you share the correct URL to access admin panel of your site? I tried with administrator/ but it always redirects to the homepage.

carine-k

Corrected on top fields !
Sorry

Carine

saguaros

In the 'custom.css' file, I updated this style to show the home-feature section:

/* faire apparaître les vidéos et albums manquants sur la HP */
@media (max-width: 767px) {
.home-feature {
  padding-top: 100px !important;
  display: block !important;}
}

I also see the padding-top now, could you check?

carine-k

Hi Saguaros,

Yes !!! It's perfect, thanks a lot.

Carine