EasySocial Album shows incorrect position

saovry

Hello,
Could you look at my attachment file?

I don't know why, it shows like this way. When I click on Album, it shows like this way...
That is on the top, it should suppose come down.
thank

saovry

hello sir,
it seems fine, I override this CSS and it to be fine for me

#es .es-media-header-affix-wrapper.affix {
position: relative; (Override here)
background: #333;
padding: 0px;
top: 0px !important; (Override here)
z-index: 100;
margin: 0px;
border: 1px solid #555;
border-top: 0;
}
Is it correct or not? because I don't know it is correct follow to development or not? but I jsut changed and it work for me..

And these code can fix to view with smart phone or not?

Thank

saguaros

saovry
Hi,

I don't see that part on top as your screenshot when viewing 'Albums' page, did you get it solved?

saovry

Oh, sorry about this stuff.
Please go to this page again and then you will see it in there...

saguaros

saovry

I still can't see that issue: https://prnt.sc/p8al37

saovry

Please go to this page
https://seekkhmer.com/index.php/all-album-layout/seekkhmer/albums.html
so you will see at the top.
It T4 and EasySocial CSS conflict with each other...
Please give check..

saguaros

saovry
As I can see that the layout for header is not configured properly where it should have grids in totall equal to 12 , not quite sure of how you want it should be. Could you illustrate via screenshot?

saovry

I think, it should display like EasySocial default
http://easysocial.stackideas.com/albums/574-darius-scott/albums

You can make it look like the way is EasySocial is working now.
thank sir..

saguaros

saovry
Here is how I can see on your site now:

saovry

Here is my site, it is never fixed yet..
Here is the error with the link
https://seekkhmer.com/index.php/all-album-layout/parvathy-menon/albums.html
When you need to scroll to the top, you will see it..

And you need to fix it to follow EasySocial's default
I think, it should display like EasySocial default, please look this link and picture.
http://easysocial.stackideas.com/albums/574-darius-scott/albums

saguaros

saovry
I got your point, it's header album of ES, there seems to be JS conflict on your site, let me check and will get back to you.

saovry

Hello,
Any feedback with this case..
Thank you.

saguaros

saovry
It seems that there is cache settings on your server side, could you try to temporarily it first?

saovry

Hello Saguaros,
Could you check with new link about this conflict again
https://seekkhmer.com/index.php/all-album-layout/99-family-ablum
I cleared cached already?
thank u

saguaros

saovry Could you temporarily disable cache on your server side?

saovry

Could you tell me more? I disable cache on these already. Is there another cache that I need to disable. And I enable Error Report : Maximum too.

Cloudflare config

Here is my Joomla

Thank u

saguaros

Hi saovry

In the Cloudflare >> Caching >> you can disable there, when you set development mode on in Cloudflare, I guess it's will be active again after 3hrs.

saovry

In fact I disable development mode already after I sent these attachment you, I forgot to update for you..

I recorded the video to show you about the error.
There are two problems
- The module position breaks and it gos to sidebar-l
- The part of album is stick on top

Here is the video
https://www.dropbox.com/s/8ri0tm66hh962sz/Screen%20Recording%20Album%20and%20Module%20position%20break.mov?dl=0

thank u

saguaros

Hi saovry

It relates to Easysocial component, it set the media header to be fixed. Kindly check with Stackideas' support team on this.