Menu

Hi, how can I reduce the gaps between the menu?
Thanks

 

Hello,

Paste the code given below in Custom CSS section
(Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

#menu .ddsmoothmenu li {
margin-right: 2px;
} 

You can change the value of "margin-right" as per your requirement.
This will solve your issue.

 

Thanks, that has worked. There is also a big space above the logo and below. Is there a way of reducing this?

 

Hello,

Paste the code given below in Custom CSS section
(Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

.header {
margin: 0px 0px 0px 0px;
} 

You can adjust the value of "margin" as per your requirement.
This will solve your issue.

 

Thanks and just two more questions:

1)I have added some text in the right hand corner of the header.css but it is showing right next to the edge.. how do I move it over to the left a little?
2)I have moved the menu to go under the logo and I would like it centred to the left.. how would I do this?

 

Hello,

Could you please share us your website link so that we can provide you exact solution.

 

I just have it on this temporary domain at the moment: http://equine-addicts.co.uk/

 

Hello,

I have checked your website it seems that you have customized the theme header somehow.
So it is difficult for us to provide the solution because it may lose theme layout but you can try
the solution given below.

Paste the code given below in Custom CSS section
(Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

 
 
.header h1, .header a, .header span {
padding-right: 30px;
}
div#menu {
left: 160px;
}
ul#menu-menu-1 {
float: none;
text-align: center ! important;
}

You can adjust the value of "padding-right" and "left" as per your requirement.