Joomla Templates Club 406,261 posts

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1004902

Hi
Not sure how you are adding the dashboard because the component section is the mainbody the display the output of menu. Could you share the site URL and a detailed screenshot so i check it better?

[mberwing Friend mberwingJoin date: April 2006Posts: 201Downloads:26Uploads:46 Thanks: 7 Thanked: 8 times in 1 posts]

#1005161

Hello Pankaj,
please see the screenshot from Layout ‘ja_resume – Default’ with position ‘blogger-mast-top’ (Introduction with picture based on ACM) and position ‘component’ (AUTO) on which we have enabled EasyBlog Dashboard (as per official information EasyBlog is fully supported third party component in JA Resume template.
The only change in Layout I made was to replace position ‘masthead’ by ‘blogger-mast-top’ since we want to have similar layout as we have with seeded ‘JA Resume Home Blogger’

The URL is: http://www.ride2kite.com/r2k-multilanguage/index.php/en/
Please note the setup on the page with its menus is not yet completed.
If it would help you I could send you the admin login credentials also.

Thanks
Markus

---

Attachments:

1. 

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1005178

Hi
T3 mast top is fixed position this is why the other container behind it.
Add below code in custom.css file to fix it

.com_easyblog .t3-mast-top {position:absolute;}

Hope it helps.

[mberwing Friend mberwingJoin date: April 2006Posts: 201Downloads:26Uploads:46 Thanks: 7 Thanked: 8 times in 1 posts]

#1005186

H Pankaj, this was the solution and Easyblog Dashboard is now visible ….great. But unfortunately the EasyBlog menu and the first post is not visible / cut. That means it only starts with the 2nd post in the Blog

When I disable the position ‘blogger-mast-top’ with the introduction (ACM with the picture), then I can see the complete Dashboard. Also position side-bar1 with module EasyBlog Archivbe is only visible without active position ‘blogger-mast-top’. See uploaded files

---

Attachments:

1. 
2. 

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1005296

Hi
Try this code in custom.css file

.itemid-244 .t3-mainbody {padding-top:250px;}

If this does not help give me site super user details via Private reply I will help to create a new position for this module.

Regards

[mberwing Friend mberwingJoin date: April 2006Posts: 201Downloads:26Uploads:46 Thanks: 7 Thanked: 8 times in 1 posts]

#1005383

Hi Pankaj,
your proposal worked but with different padding-top since I have only seen last line from first EasyBlog post and the bottom part of the module ‘EasyBlog – Latest Comments’.
With .itemid-244 .t3-mainbody {padding-top:1100px;} all is fine now.

Just one obvious setback …..when I make the Browser window smaller to simulate the Responsive Layout (small and extra small) for mobile devices, I have now quite some big white space between blogger-mast-top’ with the introduction and the EasyBlog Dashboard.
Not sure whether we can get this also fixed so that there is no space.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1005387

Hi
yes you can use media queries to apply different paddings.

I saw you changed the padding value to 1100px that is too much kindly set it near 280 and its fine in all size i just check with value 280px and all find.

.itemid-244 .t3-mainbody {padding-top:280px;}

[mberwing Friend mberwingJoin date: April 2006Posts: 201Downloads:26Uploads:46 Thanks: 7 Thanked: 8 times in 1 posts]

#1005407

Hi Pankaj,

I tried different padding and only with 1100px it works in my case. Have a 27” screen and use just 3/4 window size and with your recommendation 280px, you see in uploaded screen only bottom part of first post.
So it is not fine in all size as you said ;-(

---

Attachments:

1. 

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1005410

Hi
Replace the older code with this code

@media(max-width:1400px) {
.itemid-244 .t3-mainbody {padding-top:280px;}}

@media(min-width:1401px) {
.itemid-244 .t3-mainbody {padding-top:1100px;}}

1100px work till screen size is 1401px and below 1400px 280lx will work.
I hope it will help, Sorry i was not aware about your screen size.

[mberwing Friend mberwingJoin date: April 2006Posts: 201Downloads:26Uploads:46 Thanks: 7 Thanked: 8 times in 1 posts]

#1005508

Perfect….this way it works fine with both sizes and fixed our issues.
Your great support and dedication is very much appreciated !!!!!
Thanks so much
Cheers
Markus

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1005514

This reply has been marked as private.

[Author]

Posts