Center Menu

Can you please advise how I can center the menu. I tried this but it didn't work:

.nav-wrapper {
text-align: center;
}

 

Hello,

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

Code:

.nav-wrapper ul {
text-align: center;
float: none;
}
.nav-wrapper .sf-menu > li {
display: inline-block;
float: none;
} 

This will solve your issue.

 

And how can I get the text in the slider to appear higher instead of centered?

 

Is there also a way to get the logo centered?

 

Hello,

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

Code:

.slider-caption-container {
margin-top: 10px;
} 

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

 

Hello,

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

Code:

@media screen and (min-width: 767px){
#logo {
float: right;
margin-right: -100px;
}} 

This will solve your issue.

 

Close but still not centered. Any recommendation?

http://friendsoffriendsband.com

 

Hello,

You can adjust the value of "margin-right" as per your requirement in the above given code ( #6 post).
This will solve your issue.