The Main Body doesn't fix with MacBook Pro (Retina, 13-inch, Early 2015)

saovry

The Main Body doesn't fix with MacBook Pro (Retina, 13-inch, Early 2015)

While the website is loading, we can see the Main Body display with properly as we we respect but the problem is happen when the website finish loading, all the modules that I set to display at Mega-4, they go down to display at Sidebar-L.

Could we make the Main Body fix with MacBook Pro (Retina, 13-inch, Early 2015) with laptop small screen? Now my all module go down to show under Sidebar-L, could you help me to fix it.
thank you ?

I think it is conflict or buy with EasySocial since the Main Body is display propserly in the end with Easyblog.
Here is with Easyblog

Here is the Video so you can easily understand when you see the video
https://www.dropbox.com/s/bgn15ct4mh75c2h/The%20Main%20body.mov?dl=0

saguaros

saovry

I logged in with 'infoseek' account but did not see the sidebar-l and mega-4 column now, could you share the account that I can see them?

saovry

Now it is ok because I enabled some modules for you already.
Here is the format for homepage without login

after logged in with 'infoseek' account (it is a problem)

If you still can't see like why my print screen, so something wrong those position and my modules.

And sometime the modules and modules position of L, R, and Mega-4 doesn't appear properly..

thank you...

saguaros

saovry Is that ok now? as I see the sidebar-r only now.

saovry

saguaros
It is not OK.
You should see Sidebar-L, R, and Mega-4 with many modules those I signed them under those positions.

It stranges with my website. Could you help me, please..

saguaros

Hi saovry

But I don't see as your screenshot, you need to assign modules into those positions so I can see the issue.

saovry

Could you try to check again?
Here is the problem
There are modules at Sidebar-L, Sidebar-R and Mega-4 but I don't know why the Mege-4 position goes to below Sidebar-L
Here is the format that I want. I want to have 4 column of Sidebar-L, Component, Sidebar-R, and Mega-4. When guest or user login, there are always 4 columns.

Here is the problem. Do u see the module sign into Mege-4 goes to down and it below the sidebar-L

I am using Retina Mac 13-inch.

thank you.

saguaros

saovry Which page I can see the 4 columns? After I login, it redirects to Dashboard page and there is no 4-columns there.

saovry

Here is my backend as you see here. There are actually has module sign under Sidebar-L, Sidebar-R, and Mega-4

And those modules mostly sign with home page. When you go, you suppose see them but I don't know why they don't display for you.

Is there problem happen with the CSS that I sign in to custom.css? What is the really problem now. Could you check it deeply sir...? Please...

I tried my best to points you many time about the problem but when you go to my site, the website doesn't show up like I discript for you. And I tried to clear cache many time. I check my server and disable cloudflare also. I enable Error Report to Maximum also.

I can't find out what is the problem happen to my site now...

Since I saw your message, I go to my website and here is my website look like

with your side, you don't see any modules but with my side, I can see module sign under Sidebar-R and Mega-4

Please sir...
thank u

saguaros

Hi saovry

Please try to test this way, go to home menu item of your site and change the menu type to another like: Articles - Featured Articles or any other types of content and see how it goes.

saovry

saguaros
As you gave me a guideline, they are working perfect. The problem is with home page that I sign it with EasySocial.
There are sub-menu with Home and they are sign with article, they work perfect sir...
Please help me to fix with EasySocial?
thank u

saguaros

saovry If it works perfectly with other menu type, then there must be something wrong with content of Easysocial on that page: wrong html markup often breaks the layout like this case. You should check with support of Easysocial component if you have issue with layout or posts there. It's not issue of template here.

saovry

Is it possible with CSS or not that we fix only just CSS

Here is the the error code that it make my website to display strange
#es.es-main {
position: relative;
display: inline-block;
width: 100%;
}

To fix the strange, I overwrite this code (I can get 4 column as i want)
#es.es-main {
position: absolute;
display: inline-block;
width: 98%;
margin-left: -9px !important;
}

with this new code code, it shows strange on mobile

If we just can fix it with css, could you give the correct CSS to fix on desktop and mobile view..

My license with EasySocial has expired so long...

thank

saguaros

saovry You should find the root of the issue, customizing it with css is not an ideal way. This is sale season, you could ask them for special discount.

saovry

I just tried again and I noted that if I chosen Container is fix, my layout will be break down.

If I choose Container to Fluid or NONE, my layout will be fine..

so it still wrong html markup or it is just CSS?

thank you Saguaros..

saguaros

saovry A weird issue, let me check if there is solution for this case.

saguaros

Updated:

I configured the grid for the 'component' block in each responsive layout tab of that 'Mainbody' section, it looks good now.

Kindly check.

saovry

These pages are not fix the main body now after you fixed. Another weir come up
https://seekkhmer.com/index.php/profile-layout/kiet-poul
https://seekkhmer.com/index.php/group
https://seekkhmer.com/index.php/pages
https://seekkhmer.com/index.php/pages/seekkhmer-page
https://seekkhmer.com/index.php/group/29
https://seekkhmer.com/index.php/news

It seems only home page is working fine even though we login or don't login but there are problem with those pages and other pages..

Please help sir..

thank

saguaros

saovry

If you want to have mainbody like before for those pages, I just duplicated the default template style + clone the layout:

I just assigned to "News" page for sample: https://seekkhmer.com/index.php/news

You can assign to other pages as you wish.

Regards

saovry

I think your working are not in there any more after you duplicated the default template style + clone the layout.

My home is still break page layout, it is a problem.. Problem still there..
Preview T4 Template Blank - Default
https://seekkhmer.com/index.php

T4 Template Blank - Assign_pages_except_homepage&profile_Layout (change name from yours T4 Template Blank - home)
Any pages under this template works fine

Could you help me to check...?
thank u

saguaros

saovry

Did you try to duplicate template style of layout as my suggestion?