Support Tablet Device

[mildronize]

Website should be supported Tablet device size.

Problems

Problem on width 800px-1100px

• The menu bar display multiple lines,
• Sidebar width is too wider for tablet.

here is the screenshot on device width about 800px

and here is the screenshot on device width about 1100px

Problem on width about 767px (on tablet portrait);

• Too wider width for sidebar

here is the screenshot on device width about 767px

Possible Solution

• Adjust font size and sidebar width on targeted screen width range.

[aaronamm]

Could you please give a screenshot of issue on a tablet device? Thanks.

[mildronize]

Yes @aaronamm, I've updated the topic

[aaronamm]

@mildronize Thank you so much.

[runyasak]

I want to help on this PR. Please, give me more specific actual result. 😁 🙏

Updated:

I understand on 800px-1100px case. But, i'm not sure for 767px case. Do you want to show sidebar ? Because you can use sidebar menu from hamburger button on the top-right.

[mildronize]

@runyasak Thank you so much for your intention to help this issue. The idea of 767px case is when user open sidebar, the sidebar width should be equal to desktop size, not 100% width.

The expected solution of 767px case. When user open the menu, the sidebar width should be same width desktop size.

However, this case may change behavior of sidebar in JS or CSS, feel free to help us.

Again, Thank you very much,

[runyasak]

Hi, @mildronize.

I have fixed for 800px - 1100px case, please checkout this #181 .

However, there have a bug for sidebar on 767px, you can scroll down to see content and that would be hard work to do.

[mildronize]

@runyasak Thank you very much. I've merged.

[mildronize]

Yep for the case sidebar on 767px, it'll take some time to do. That PR #181 Look great that solved the problem. @runyasak