Hi!

@Guenni007 Thanks again for sharing the detailed steps.

If you have further issues setting this up Please create a temporary admin login and share in private content with permission to deactivate all plugins and add custom code if necessary to help you better.

Best regards,
Vinay Kashyap

Hi!

The URL mentioned in the above post is not working just say’s “you do not have permission” while viewing as a logged in user.

btw the tag’s are visible with Advance Layout builder in post only not on the pages. is that what you are looking for?

Best regards,
Vinay Kashyap

Hey!

Enfold works great with Yoast… I think Yoast has a conflict with some other plugin.

have you updated the theme and wordpress to latest version ? if not please update to latest versions.

Deactivate all plugins and check with only enfold and Yoast. then activate the rest of the plugins one by one.

Regards,
Vinay Kashyap

Hi!

Please change this block of code

strong.logo {
left: 30%;
transform: translateX(-50%);
}

to

strong.logo {
left: 30%;
transform: translateX(-30%);
}

We have updated the code in quick css to the below

@media screen and (max-width: 767px) {
.caption_bottom .slideshow_caption .slideshow_inner_caption { 
	padding: 0px !important; 
	max-height: 70vh!important;
	overflow: auto!important;

}
}

.main_menu a {
color: white !important;
}

.main_menu {
    right: auto!important;
    left: 35vw!important;
}

strong.logo {
    left: 30%;
    transform: translateX(-40%);
}

@media only screen and (max-width: 767px) {
.responsive .logo img {
margin: 0 auto;
max-width: 80%;
width: 100% !important;
position: relative;
left: 50px;
}
}

Best regards,
Vinay Kashyap

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

Hi!

Yes you can add grey background to 1/1 by adding a custom css class name.

To add custom css class name please enable class name support in your theme as mentioned in the below link
http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

then add the below code to Enfold > General Styling > Quick CSS

grey-bg {
background:#cecece!important;
}

Best regards,
Vinay Kashyap

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

Hi!

To remove the separator in the menu items please goto Enfold Options > general Styling > Logo area > border color and delete the border color value and save the options

Best regards,
Vinay Kashyap

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

Hey!

@Guenni007 thanks for the tip.

As Guenni007 mentioned you need to put the content in 1/1 layout grid and add a custom class with -ve top margin to overlap the content.

If you need any help on this issue further please feel free to contact us.

Cheers!
Vinay Kashyap

Hi!

Please add the below code to Enfold > General Styling > Quick CSS

#top .av-submenu-container {
    position: absolute!important;
    margin-top: -105px!important;
    background: transparent!important;
    border: none!important;
}

Cheers!
Vinay Kashyap

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

Hey!

After you download and extract the child theme into the themes folder.

1. Export your theme settings from Enfold > Import/Export
2. Activate child theme from Appearance > Themes
3. Import your main theme settings.
4. add the code to functions.php in child theme

If you have more questions please feel free to get in touch with us.

Best regards,
Vinay Kashyap

Hi!

If you need the main menu in 2 lines you need to add some css as below

.av-main-nav > li > a {
    display: inline-block!important;
}

.main_menu {
    width: 500px;
}

.av-main-nav > li {
    height: 20px!important;
}

Remove the underline effect from the enfold options it will look something like this

Best regards,
Vinay Kashyap

Hi!

Sorry for the delay…

It’s still not clear what you need but as per my best understanding i am thinking you want something like you see in the below screenshot if so please add the below code in Enfold > general Styling > Quick CSS if not please get back to us with a mockup of what you are trying to do so we can help you better.

#top .avia-gallery .avia-gallery-thumb a {
    padding: 1em!important;
}

Please feel free to adjust 1em in the above to .5 or more.

Cheers!
Vinay Kashyap

Hi!

We deactivated all the plugins and tested your site it worked fine. It is one of the plugins you are using which is causing the conflict and the layout is getting messed up.

To find the plugin in conflict please follow the below steps

1. Goto plugins page > Deactivate all active Plugins
2. Updated WordPress
3. Activate one plugin at a time… refresh the page and check for the issue.
4. Make sure the plugins are all updated

Cheers!
Vinay Kashyap

Hey!

ok! Please add the below code in Quick CSS

#top .av_header_transparency .phone-info {
    color: #555!important;
}

Best regards,
Vinay Kashyap

Hey!

Please create a temporary admin login and share in private content with permission to deactivate all plugins and add custom code if necessary to help you better.

Cheers!
Vinay Kashyap

Hi!

Please use the below CSS to move menu to the left.

.main_menu {
    right: auto!important;
    left: 40vw!important;
}

Best regards,
Vinay Kashyap