Hi!

Regarding the centering, I would suggest to give a look here

it is really detailed guide and one of the top suggestions on how to center.
Regarding the color of the font, please try replace

font-color with color and add !important to the end, to that value also.

Let us know if it will work

Best regards,
Basilis

Hi mcseufer!

We are working on your issue and we will update this ticket soon with the results.

We can help you achieve the same structure but you probably have to take care of the style details like adding the red border, the logo share etc to the menu as it takes a lot of customization.

In the enfold options please make these changes.

Enfold > Social Profiles

Then please goto Enfold > Header Options and make these changes

Then in Enfold > General Styling > Quick CSS

Add the below css

 #top #header_main > .container .main_menu ul:first-child > li > a {
 	height: 30px!important;
    line-height: 30px!important;
 }

.html_header_top.html_main_nav_header #top .av_menu_left .main_menu {
    top: -25px;
    z-index:99999;
}
.av_minimal_header #header_main, .av_minimal_header #header_meta {
    z-index: 99;
}

.html_header_top #top .av_logo_right .logo {
    right:50%;
    transform:translateX(50%);
    margin: 0 auto;      
}

Best regards,
Vinay

Hey!

Make these changes in Admin > Enfold Theme Options > Header > Menu and Logo Position > Logo center, Menu below

Please use the below css in Enfold > General Styling > Quick CSS

in the below code adjust the margin right to fit your logo width or slightly more.

Same with the top pixel .value

.av-main-nav li:nth-child(3) {
    margin-right:300px;
}

.html_header_top.html_header_sticky #header {
    position: fixed;
    top: 50px;
}

.html_top_nav_header .av-logo-container {
	top: -30px;	
    z-index: 999;
}

@media only screen and (max-width: 989px) {
.html_top_nav_header .av-logo-container {
	top: 0px;	
	left:0;
}
}

Regards,
Vinay

• This reply was modified 9 years, 5 months ago by Vinay.

Hey!

We tried to produce what you asked for but that requires a lot of customization and change in html structure you will probably have to hire a freelancer to accomplish it.

However if the earlier solution provided worked for you on this page and caused problem on the other pages we can target only the post pages. That way changes are applied to only post pages… please try the below code and let us know… if it did not work would you please create a admin login for us and provide the info in the private message.

@media only screen and (max-width: 767px) {
 .single-post .main_color .rounded-container {
    position: absolute;
}
.single-post .entry-content-wrapper {
     padding-top: 120px!important;
}
}

Regards,
Vinay

Hi!

Please add the below css in quick css

#top .header_color .main_menu .menu ul li.current_page_item>a, #top .header_color .main_menu .menu ul li>a:hover {
    border-bottom: 1px solid red;
}

Best regards,
Vinay

Hey!

Try adding this code to the Quick CSS:

@media only screen and (max-width: 767px) {
.responsive #top .av-large-testimonial-slider.avia-testimonial-wrapper .avia-testimonial {
    padding: 0 30px;
}
}

Cheers! 
Josue

Hey!

Use the following:

.header_color .main_menu .menu ul li a {
    background: red;
}

#top .av-main-nav ul{
    border-bottom: 20px solid gray
}

Regards,
Josue

Hey!

Inside the child theme I recommend to Only include the files which you want to edit in the parent theme. This way when you update the parent theme you get the new features and updates and still not lose any changes you made to that file in child theme.

In your case maintain the same folder structure and only add iconbox.php

Please refer to https://developer.wordpress.org/themes/advanced-topics/child-themes/ for more details.

Regards,
Vinay