Hi,

Thank you for your feedback it helps us improve and thank you for your understanding.

Don’t forget to bookmark Enfold Documentation for future reference.

Thank you for using Enfold :)

Best regards,
Vinay

Hi,

Thank you for contacting us.

I checked your site and the language switcher is positioned on top right.

Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

CSS Snippet:

/* CSS - Language switcher dropdown */

#top .menu-item-language .av-main-nav ul {
    left: auto;
    right: 0;
}

Best regards,
Vinay

Hey rezaGif,

Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

CSS Snippet:

/* CSS - Logo size on mobile */

@media only screen and (max-width: 767px) {
   .responsive .logo img,
	#top .logo {
       max-width: 50% !important;
       width: 50% !important;
 }}

Please make sure to clear the cache to view the changes.

Best regards,
Vinay

Hi,

Thank you for contacting us.

The styling options to display the menu items as button elements works for the main menu items only.

You can set the Header Background Image from:
Enfold > General Styling > Logo Area > Background Image

If you need to add custom styled background images please try adding the below CSS code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

NOTE: Please update the image path in the below code to suit your background image.

CSS for top bar background
CSS Snippet:

/* CSS - */

/* Top Bar background */
#top #header_meta {
  background: url('bg-image.png');
}

CSS for main menu area background

CSS Snippet:

/* CSS - */

/* Main menu links */

#top #header #avia-menu li.menu-item > a  {
    background: url('image.pnp');
}

Best regards,
Vinay

Hi,

1) Menu bar takes a lot of space, needs to be decreased in size
By size I’m assuming you are referring to the width of the header.

Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

CSS Snippet:

/* CSS - Header size*/

.html_header_sidebar #top #header.av_always_sticky {
    max-width: 200px;
}

.html_header_left #main {
    margin-left: 200px;
}

2) Cellphone icon is nowhere to be found
Please provide more details where are you trying to add a phone icon?

We do not have skype support, please feel free to communicate here on the support forum. I assure you we will resolve this issue soon. We just need to know what exactly and where you are trying to add.

We look forward for your reply.

Best regards,
Vinay

Hi,

Thank you for writing to us about this issue. The URL is updated with the correct topic :)

As mentioned here did you try adding the script to your site?

Let us know about the test result.

Best regards,
Vinay

Hi,

Please try adding this code to your child theme’s style.css file:

More info here.

CSS Snippet:

/* CSS - */

@media only screen and (max-width: 990px) {
 #header #header_main .container {
       height: 40px  !important;
       line-height: 40px  !important; 
}}

@media only screen and (max-width: 768px) {
  #header #header_main .container {
     height: 40px  !important;
     line-height: 40px  !important; 
  }

  .responsive #top #header_main > .container .main_menu .av-main-nav > li > a {
    height: 40px;
    line-height: 40px;
  }
  .responsive .logo a {
    display: inline-block;
}}

Best regards,
Vinay

Hi,

Thank you for sharing the details of the issue with us.

There could be multiple reason why some posts or pages stop working properly.

For testing purpose let’s re-generate the posts which are not working properly. Fortunately Enfold provides an easy way to duplicate the post or page by copying the shortcode.

. Login to WordPress admin.
. Open the post which has an issue.
. Copy the post shortcode
. Create a “New” post and paste the shortcode in the classic editor and change to ALB.
. Save the post and preview.

Let us know if this work properly in the new post.

Best regards,
Vinay

Hi,

Thank you for contacting us but I’m sorry pasting your conversation here is not of much help! I’m unable to understand what exactly is your concern? Please be precise so we can help you better.

Best regards,
Vinay

Hey lami4d,

Thank you for contacting us.

As per your request I have shared the links with you. Please keep the private message confidential.

Hope this helps :)

Best regards,
Vinay

Hi,

Thank you for sharing the details.

1. Go to Enfold > Footer > Copyright and add the below HTML code in the field.

<div class="left"> Left </div>
<div class="center"> Center </div>
<div class="right"> Right</div>

2. Go to Enfold > General Styling > Quick CSS and add the below CSS

#socket .copyright {
    float: left;
    display: flex;
    justify-content: space-between;
    min-width: 100%;
} 

I have added the CSS class names left, center and right so you can target the elements in case you want to custom style the elements.

Best regards,
Vinay

Hi,

Thank you for contacting us.

I checked your site and I think you can instead add a background color for the active tabs.

Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

CSS Snippet:

/* CSS - */

.av-active-tab-title {
   background:blue;
}

Best regards,
Vinay

Hi,

Thank you for contacting us.

Please login to your FTP account provided by your hosting company and browse to wp-content/themes/ and delete the “enfold” folder before trying to upload from the dashboard again :)

Best regards,
Vinay

Hey Phet,

Thank you for contacting us.

To activate the burger menu at custom screen width please check the below link

https://kriesi.at/documentation/enfold/menu/#burgermobile-menu-activation > Custom Screen Width

Best regards,
Vinay

Hey Guzzolini,

Thank you for contacting us.

Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

CSS Snippet:

/* CSS - */


#header .logo img {
    min-height: auto;
    min-width: 100px;
     margin-top: 30px;
}

Best regards,
Vinay