Hi,

First of all you should put your page content width to 100% screen size. The easiest way to do so is to use the top menu Page->Responsive->100% width. then you can make elements 100% width as well.

First, I would recommend to update the oE to the latest version 1.57-R9.

Your 'bar' looks like an image; an image of predefined size.
That might be hard or even impossible to scale.
So, I recommend to listen to Dmit's advices, because I personally do not have experience with 'responsive desings' yet. So far, I center the page contents - and keep the size constrained to a common smartphone area w/o the need to scroll. Works fine on large monitors, too. One of these days that probably might change.

Also, I would put the 'constant' matters (navigations) in a 'layer/template', and then use that layer in the particular page(s). Layers/templates can also easily be nested.

PS: Obviously you are working on this http://www.lsminiatures.com/ right now, since the page content changed completely. Looks nice and clean, and pops up quickly. Good job so far
Think about the Layers! And the CSS. Makes work a lot easier and cleaner.

The link in your 1st post didn't work at all.


Edited by digizar - Dec 25 2017 at 5:49pm