Super Sale Limited Time 50% OFF for All-Access Plans
Save 50% Now

[Theme1, html5, desktop] How can I make it REAL boxed? (including menu)


In previous versions I could make theme 1 really boxed, including the aside (menu), in desktop browsers but on this new version I can not make it, I tried adding

<body
, adding
class="mx-auto"
to the body tag, taking out the aside and moving into the wrapper or to the content container, but the aside menu is always stick to the very left of the screen, I want it like the aside menu of desktop version of facebook page, do you know how? Thanks in advance happy

<img src="https://i.imgur.com/zTWwc1c.png">


Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (3)


Hi,

Noted, we will implement this option as soon as possible and let you know the steps to implement it on your end without waiting for the next update.

Regards.



Thanks in advance Sean, sorry for the double-post happy



Hi,

Just an update on this.
We double-checked by spending a few days and it seems this feature did not work well. Demo1's layout is so complex and wrapping all existing layout features inside a boxed container did not work at all. The current layout concept is different so it does not support the boxed mode and the fixed header, toolbar, and footer options. Instead, we will create a new demo with a boxed layout in the near future.

Regards.


Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(