Nav bar alignment not working

[TimBox]

Hi All

Still occasionally working on my site.

Latest issue is the nav bar. In the layout its in the right place

When as a web page its not. I have included a couple of snaps to show the issue. I even drew a line to show it moves from where it should be out side of the normal margins

How do I fix this?

Thanks
Tim

[Egg Bramhill]

Tim, it would help a great deal if you could add a xar/web file showing this problem.

[TimBox]

Hi

This is the current state https://drive.google.com/file/d/1KCF...ew?usp=sharing
I tried making a new nav bar etc and now nothing is visable

Cheers

Tim

[Chris M]

The navbar has disappeared because it isn't Sticky. Same applies to your logo.
The bar behind the navbar is 3000+px. I knocked that down to 600 as it's set to Full Width Stretch anyway.
You have Scale To Fit Width activated. Turning this off keeps the navbar and page content in line. Your page size was larger than the Scale To Fit Width maximum. Pretty sure that was your problem.

I made the bar pink so you can see it's only 600 wide.

[Acorn]

Tim, while I do not understand your thinking, the problem is the Sticky, Stretched white rectangle.

Change your NavBar to Sticky and not Stick at Top and ensure it is above this rectangle.
OR
Delete the rectangle. - white on white makes no sense.
The rectangle can be 2px wide and Stretch and it will still cover the entire browser width.

Crop the Cooler image as it covers the NavBar.
Presently, it is underneath but at some point you will change it and then the NavBar will fail.

Do use Utilities > Optimise all Images.
Your design file is 22MB; optimised it is 5MB so previewing and saving will be far faster.

I would make the KSA Blog Archive a separate PDF download.
You could make the factoids available is separate Layers and present them as pop-ups.

Acorn

[TimBox]

At my end the nav bar is sticky (at the top)

See image

There is a full width block as that was recommended when I was trying to get a shadow to appear as you scrolled. However, I gave up on that. Now there is no shaddow I do not need the full width bar.

I changed it from sticky on top to just sticky. But now I'm back to alignment issues.

[Initiostar]

Tim,

Your export Scale-to-fit-Width max is 1000px, it needs to be at least 1120px (the page width or greater). Somehow too, your mobile page width has become 400px and has objects extending outside the page boundary, which would not have been intended.

Gary

[TimBox]

Here is a blatant example of how the aliment is all over the place

[TimBox]

If you have been following all my posts with the issues I have been having. I dropped the "tablet" size as it did not work. I was getting pages obsured so dropped it down to just Mobile and Standard.

I will try and find out where to make the adjustments

[Chris M]

Utilities > Web Properties > Export (tab)