Hi,

Please refer to this post https://kriesi.at/support/topic/own-custom-font/#post-733898

You may not see the changes until the cached files are cleared in your browser.

Please try to hard refresh by pressing Ctrl + Shift + F5 on your browser or press the F12 key to open chrome dev tools and right click on the refresh button and select “Empty Cache and Hard Reload” and review the site again.

Best regards,
Vinay

Hi,

We have added the below code in Quick CSS. Please feel free to change the color value to suit your design in the below code.

/* Mobile menu background color */
.show_mobile_menu #mobile-advanced {
    background: gold!important;
}
/* Mobile menu item border color*/
#mobile-advanced a {
	border-color: #FFF!important;
}

You may not see the changes until the cached files are cleared in your browser.

Please try to hard refresh by pressing Ctrl + Shift + F5 on your browser or press the F12 key to open chrome dev tools and right click on the refresh button and select “Empty Cache and Hard Reload” and review the site again.

Best regards,
Vinay

Hey lunatrix,

There are two places where the sidebar options can be set.

1. Sidebar can be displayed or hidden sitewide from Enfold theme options.
2. You can also enable or disable the sidebar for individual pages from the sidebar options found on the page and this is given more importance.
3. Other reasons could be due to a plugin or custom modification.

Please check the sidebar option on the page if it is hidden.

If you still have any questions please upload a screenshot/mockup to imgur.com and share the link here and share the login credentials to wordpress admin page in private so we can take a closer look at the issue.

Best regards,
Vinay

Hi,

Sorry for the late reply, I checked your site and the empty space seem to be an issue due to the custom code added. The code I provided you earlier will not work here. I need to do some research for you to help you with the custom modification and it might take some time. I will update this post here once I find out a solution for your case.

Best regards,
Vinay

Hey Sadegh,

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

#top #searchform .ajax_search_response {
    position: absolute;
    background: #999;
    right: 25px;
}

Best regards,
Vinay

Hi,

Sorry for the delay, but I’m not sure why it’s not displaying the overlay icon in mobile. It may be due to another code or plugin which is causing a conflict. We need to take a closer look at the backend setup Please post us your login credentials (in the “private data” field), so we can take a look at your backend.

Login credentials include:

• The URL to the login screen.
• A valid username (with full administration capabilities).
• As well as a password for that username.
• permission to deactivate plugins if necessary.

Best regards,
Vinay

Hi,

Thank you for the credentials, I tried to login and check the issue why the css added to the child theme styles.css is not making any changes but the editor is not available for me to access the child theme styles.css under Appearance > Editor would you mind telling how you are adding the css to the child theme css so we can try to re-produce the same.

Please check if there are any syntax errors in the css code this is one of the reason the code added may not work the other reason could be a caching issue.

Best regards,
Vinay

Hey wzshop,

Sorry for the delay, easy slider will treat the embed code as caption so it will not recognise the video play time. Try using only one slide so the video can play full length. I’m afraid there is no other work around for this unless you like to use a different element or a slider plugin that support this feature.

Best regards,
Vinay

Hey Julie,

Please unselect the categories from the options by holding down the “Ctrl” or “Options” key and clicking on the category list as shown in the below image.

Best regards,
Vinay

Hi,

You can import animated icons from the http://fontello.com/

Best regards,
Vinay

Hi,

You can turn on custom css class name support and add a custom class to the heading. http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

Then use the below css

.bg-heading {
background:rgba(0,0,0,.5);
} 

If you have any issue please share the precise link to your site, showing the elements in question? We need to be able to inspect them in order to help :)

Best regards,
Vinay

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

Hi,

1. Social share cannot be used while using the advanced layout please try using a plugin like https://wordpress.org/plugins/simple-social-share/

2. It’s possible to hide the date using custom css code please share a precise link and let us know exactly where we can find the date on the page and we will provide you with custom css which you can use it with page ID to target only specific pages.

Best regards,
Vinay

Hi,

If you click a menu button on site A it’s color can be changed only on Site A. We are happy to help you if you like to change the background color of the active menu item. Let us know.

However I’m sorry to say that it’s complicated to recognise which button was clicked on Site A from Site B You will need to hire a freelancer to get this done.

Best regards,
Vinay

Hi!

That looks almost perfect! Please remove the separators between the menu items from Enfold > Header > Header Layout > Separator between menu items > No Separators

To know which icons are already in the theme open a new blank page add an icon element and click on it to view all the icons. To know the unicode of the icon you can compare it on the fontello or entypo site.

Hope this helps :)

Best regards,
Vinay

Hi,

To make the logo center menu below in mobile version:

1. Hide the mobile menu and center the logo using the below CSS.

@media only screen and (max-width: 767px) {
#advanced_menu_toggle, #advanced_menu_hide  {
   display: none !important;
}
.logo a > img {
    left: 50%;
    transform: translateX(-50%);
}
}

/*Show only in mobile or desktop*/

@media only screen and (min-width: 769px) {
.only_mobile { display: none !important; }}

@media only screen and (max-width: 768px) {
.only_desktop { display: none !important; }}

2. Please enable the custom css class field: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

3. Create a header widget area by applying the code provided in this link to functions.php http://kriesi.at/documentation/enfold/adding-a-widget-area-to-the-header/

4. Please enable debug mode by adding the code provided in this link to your functions.php file which can be accessed from Appearance > Editor http://kriesi.at/documentation/enfold/enable-advanced-layout-builder-debug/

This let’s you view the shortcode for all the page elements.

5. Create a new page for testing purpose and add a fullwidth submenu element. We need to show the fullwidth submenu only in mobile to do so please add the class name “only_mobile” in custom css class name option.

7. Copy the shortcode which should look similar to the below code to Appearance > Header .

[av_submenu which_menu='center' menu='' position='center' color='main_color' sticky='true' mobile='disabled' mobile_submenu='']
[av_submenu_item title='Menu Item 1']
[av_submenu_item title='Menu Item 2']
[/av_submenu]

Best regards,
Vinay