2 Attachment(s)
Nav bar alignment not working
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
Attachment 130352
Attachment 130353
Re: Nav bar alignment not working
Tim, it would help a great deal if you could add a xar/web file showing this problem.
Re: Nav bar alignment not working
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
2 Attachment(s)
Re: Nav bar alignment not working
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.
Attachment 130360 Attachment 130361
Re: Nav bar alignment not working
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
2 Attachment(s)
Re: Nav bar alignment not working
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.
Attachment 130363
Attachment 130362
Re: Nav bar alignment not working
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
1 Attachment(s)
Re: Nav bar alignment not working
Here is a blatant example of how the aliment is all over the place
Attachment 130365
Re: Nav bar alignment not working
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
Re: Nav bar alignment not working
Utilities > Web Properties > Export (tab)