XF 1.x Navigation and background help

Zynektic

Customer
Hi there,

As per the attached image, when using a 'stretched' navigation their is a slight curve to the image being used on the header on the border and you can see the background, is there a way to fix this so it goes directly across?

Secondly, now that the navigation is fully stretched is there a way to get the background to sit on top so even on wider screens or changed resolution on the browser it will not drop underneath the navigation?

If so with the above, what is the recommended width/height for the images to get a decent size and so its responsive (if I need to adjust the height difference between the navigation and top of the browser let me know) if possible.

Thanks!
 

Attachments

Russ

Pixel Exit Staff
For the curved part, check Style Properties -> Header and Navigation -> Nav Tabs, remove the border radius there.

You could try something like for this for the bg:

Code:
#logoBlock {
background: url("http://www.summonerswarforum.net/styles/fusiongamer/xenforo/images/bluebg.jpg") no-repeat scroll 0 -40px / cover rgba(0, 0, 0, 0);
}
@media (max-width:@maxResponsiveWideWidth) {
.XenBase #logoBlock {
background-position: center center;
}
}
Then remove the bg from the html property.
 

Zynektic

Customer
OK thanks, one more thing - I tried editing the colours on Build Blocks > Section Main to add a border around the nodes without any luck, any tips on that?
 

Russ

Pixel Exit Staff
Fusion Gamer by default removes the section main from the forum index;

[XB] Forum List and Category

Forum List Section Main

You'll need to remove the border-0, padding 0 for it to re-appear.

Although you should be able to see the section main adjustments on other pages.
 

Zynektic

Customer
OK thanks, also (overlooking it probably) but where was that html property to remove the code I had?

Cheers
 

Zynektic

Customer
OK done, what size image for the background (width and height) would you recommend, same as default ones?
 

Pre-Sale Questions

If you have any questions or concerns you want to ask before you make a purchase don't hesitate to use one of our multiple support channels for your convenience.