By Design on Tuesday, 21 March 2017
Posted in Technical Issues
Likes 0
Views 536
Votes 0
Hi,

The website I'm developing locally has a boxed layout. The docker plugin is full width. I would like to align the docker with the boxed layout of my website, similar to the way the brand/search/notification/dropdown is aligned in the Echo template (Please see the Echo template and notice the way the elements of position-0 are aligned with the content. Contrast that with the way the Docker plugin is displayed as full-width. Please see this example from the EasySocial demo site). Normally, I would add css, as follows:


position:relative;
width: 100%;
margin-left: auto;
margin-right: auto;


However, this doesn't work because the docker is missing a div tag to wrap/contain all of the elements.

Would you please tell me how I can use css to box the docker?

If this is not achievable, would you please consider wrapping the docker with another div tag so we can box the docker without having to create an override?

Thank you!
Actually, maybe it's not so bad full-width I was looking at the EasySocial demo and the docker doesn't look bad at full-width. At first, it just seemed like it should be aligned with the content, but it's not a big deal. I will just use it as is.

Sorry for the trouble

Kind Regards
·
Tuesday, 21 March 2017 10:27
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi,

Actually the docker is intended to be full width and placed on top of the browser layout but I am glad this is not an issue for you anymore.

As a gentle reminder, kindly start a new thread if you have any other issue in the future so it will be easier for us to manage your inquiry. I will lock and mark this thread as resolved.
·
Tuesday, 21 March 2017 11:40
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post