Change GKTop Header

Hi,

I need to find out how to change the top header where the logo is held etc.

I need to recreate the top of an iPhone in css so black with the two top corners having radius on them- i have tried to find it but to no evail....

I dont want to use an image (dont fancy the law suit with apple) so i am only looking to give the impression.

Once ive done this i know how to move the logo etc to suit.

The site is under development at the moment and can be found here: http://new.mobilegolfclubapps.co.uk/

i have attached an image just to confirm position:

Ok, again, what exactly would You like to do with the logo?

its not the logo that i need to change.

I need to recreate the top of an iPhone in css so black with the two top corners having radius on them- i have tried to find it but to no evail.... so that it above the top of the menu where the logo sits.

So above the whole menu system i would like that black (its grey at the moment) with a radius on both the top corners (L&R) so that it looks like the top part of an iPhone. Then the logo and the banner on the left hand side will sit on top of that (i know how to move these elements)

I dont want to use an image (dont fancy the law suit with apple) so i am only looking to give the impression.

Here is an image of how i would like it:

http://new.mobilegolfclubapps.co.uk/images/Header-Request.jpg

solved it myself in the end.

After I saw what You did I have finally understand what was needed. So You wanted to create header background that is wide as main column and has top corners roundend .

For those who might seek for how to do that:

Code: Select all

#gkPageTop {
background-color: #151515;
border-top-right-radius: 50px;
border-top-left-radius: 50px;
-moz-border-radius-topleft: 50px;
-moz-border-radius-topright: 50px;
}


in override.css