SKT Decor Theme

[Zainab Gurka]

Hello SKT Team,

I am working on project http://www.seawealthmarine.com/ and used SKT Decor theme….In header section there is more gap between logo/ contact/address and navigation menu …. i want to reduce the gap….so kindly assist me for the same

Regards
Zainab

[Sonnal S Sinha]

Hi,

Kindly go to Appearance >> Theme Options >> Basic Settings >> Custom CSS Box:

Add this code there:

.header .header-inner {
    width:66%;
}

Regards,
Dave

[Zainab Gurka]

Thx Dave for your kind reply….
But I think you didnt understood my query……
Actually i want to reduce the height of header in http://www.seawealthmarine.com/……which creates more gap between header and navigation menu

Regards
Zainab

[Sonnal S Sinha]

Hi,

Kindly use this one

.header .header-inner .logo { position:relative; top:-20px;}
.header .header-inner .nav { margin:0 0 -90px 0;}

Regards,
Dave

[Zainab Gurka]

Thx Dave

I have updated above code in my website but need to do cross browser certification for explorer, chrome, mozilla, safari and opera as the site looks totally dislocated with this code…..

kindly check the site http://www.seawealthmarine.com in different browser and help me for the same

Regards
Zainab

[Sonnal S Sinha]

Hi,

Can you send us the screenshot of your issues? Upload your screenshot on http://imgur.com/ and paste the share url here.

Regards,
Dave

[Zainab Gurka]

website screenshot from explorer
https://imgur.com/a/LAfK62c

website screenshot from chrome
https://imgur.com/a/x0cPULP

kindly resolve the issue…

Regards
zainab

[Sonnal S Sinha]

Hi,

Remove

.header .header-inner .logo { position:relative; top:-20px;}
.header .header-inner .nav { margin:0 0 -90px 0;}

And add this new code there:

.header .header-inner .logo { position:relative; top:-20px;}
.slider-main { margin-top:-30px;}

Regards,
Dave

[Author]

Posts