Logo & and top navigation bar menu to right when resolution getting bigger.


As I tested the website with higher screen resolution, the logo and top navigation menu are moving to the right also. So at the high resolution, the website logo actually positioned at the center of the screen instead of remaining at the left.

It happened to the Shapely demo as well.

Tested with http://cybercrab.com/screencheck/ and http://quirktools.com/screenfly/

Any solution to keep the logo at the left regardless of resolution?

Thanks and good day.

Hi @kais,

I hope you are well today and thank you for your question.

You can try displaying it to the left by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Shapely Options -> Other

.container.nav-bar {
    width: 100%;

Best Regards,

Thank you very much! Work like a charm…

You are most welcome here :slight_smile: