Hey cavanell,

Please sue the code block element

Place your code inside

<script> </script> 

or 

<style> </style>

Best regards,
Vinay

Hey lisa genzer,

Please purchase a copy of Enfold site and install the demo that suits your requirement.

After installing the demo you can go ahead and replace the demo content and edit the colors and add more elements to make it look more personalized. 

Best regards,
Vinay

Hi,

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 - widget menu */

#menu-wats3d-top {
    display: flex;        
    justify-content: space-between
}

#menu-wats3d-top li {
  border: none !important;
}

Result: https://i.imgur.com/6TXp6M0.jpg

Best regards,
Vinay

Hi,

The homepage shortcode has 6 errors due to which the ALB may not be loading.

I have re-created the homepage please see link in private.

Please re-create the slider element on top and make the necessary changes and replace your homepage with this one.

For testing purpose, I have disabled the CSS and JS merging in Enfold > Performance.

You can enable this once all edits are completed.

Also noticed you are using an old version of the enfold theme. Please update to the latest version.

Best regards,
Vinay

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

Hi,

To add a custom class “fixedSubmenu” whenever the submenu reaches the top please perform the below steps.

1. First, enable custom CSS class name support from Enfold Options > Layout Builder > Show element options for developers
2. Add a custom Class name to the submenu element “mySubmenu”.
3. Paste the below code to your child theme functions.php

// Custom submenu class

function fixedSubmenuFunc(){
?>
<script>
  jQuery(document).ready(function() {

     var distance = $('.mySubmenu').offset().top,
     $window = $(window);

      $window.scroll(function() {
    if ( $window.scrollTop() >= distance ) {
        console.log('Submenu is at the top.');
        jQuery('.mySubmenu').addClass('fixedSubmenu');
    }
    else {
        console.log('Submenu is not at the top.');
        jQuery('.mySubmenu').removeClass('fixedSubmenu');
    }
});
  });          
</script>
<?php
}
add_action('wp_footer', 'fixedSubmenuFunc');

// End function

If you do not see any change make sure the jQuery loads first by adding the below script

/* Force load jQuery First */
if (!is_admin()) add_action("wp_enqueue_scripts", "my_jquery_enqueue", 11);
function my_jquery_enqueue() {
   wp_deregister_script('jquery');
   wp_register_script('jquery', "http" . ($_SERVER['SERVER_PORT'] == 443 ? "s" : "") . "://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js", false, null);
   wp_enqueue_script('jquery');
}

You can now use the class name “fixedSubmenu” to style the submenu when it reaches the top.

For more information about adding custom script please check this link.

Best regards,
Vinay

Hi,

Thank you for your reply, after installing the child theme please import the parent theme settings and it will look the same :)

Best regards,
Vinay

Hi,

The timeline is designed in a way that the next item is slightly visible. There is no easy way to change the default behaviour.

Please use the below code to fix the text issue.

.av-milestone-content p {
    padding: 0 50px 0 0;
}

Best regards,
Vinay

Hi,

It might have to do something with the way pinterest works, please check if there are any plugins available to achieve this.

Try to follow steps provided in other websites may be you are missing a step here due to which it is not working for you.

Best regards,
Vinay

Hi,

Let us know if the solution above worked for you or you need additional help.

Best regards,
Vinay

Hi,

Please update the theme using an FTP client like FileZilla

This should work for you well :)

Best regards,
Vinay

Hi,

Please check the link text set up in the below link and change the primary and secondary color from Enfold > General Styling.

In case if you still have an issue Would you mind checking once again and then send us working login credentials?

The credentials should include

1. Username
2. Password
3. Login Link
4. The user role for the account you send us should be set to ‘administrator’

Or as Basilis mentioned please create a working login link.

Best regards,
Vinay

Hi,

Great looking site.

Thank you for elaborating the issue, Please check the below links it should help you create clickable columns.

https://kriesi.at/support/topic/apply-link-to-column-box/#post-470152

Kindly request you to create different tickets for different issues so we can keep the tickets related to the topic which will also help others.

1. It is not clear which image you are referring to please clarify.
2. I cannot find icons on the site please link to the exact page.
3. To adjust the footer please try the below code.

The background color in the code is for visual reference only you can remove it.

@media only screen and (max-width:1330px) {

#top #socket .container {
display:flex;
background: red;
flex-basis: 100%;
position: relative;
flex-wrap: wrap;
justify-content: center;
	
}

#top #socket .copyright {   
    background:gold;
flex-basis: 100%;
position: relative;
margin:0;
order: 3;
}

#top #socket .social_bookmarks {   
   border: orange 2px solid;
flex-basis: 100%;
position: relative;
float: none!important;
order: 1;
    margin:0 !important;
    left: auto;

}

#top #socket nav.sub_menu_socket {
	background: lightgreen;
flex-basis: 100%;
position: relative;
margin:10px 0;
order: 2;
}}

4. Please refer to the columns section in our documentation and customization guide

Best regards,
Vinay

Hi,

I have replaced the previous code with the below snippet:

@media only screen and (min-width:767px) {
.logo img {
    padding-top: 14px;
}}

For testing purpose, I have disabled CSS and JS merging options from Enfold theme options > Performance once everything is ok you can enable it.

there is a .test class added in the Quick CSS section. I’m not sure if that is supposed to be there and is causing an issue so I have commented it out.

Best regards,
Vinay

Hi,

I have added ” z-index: 99999;” to the .logo class please clear the cache and review the site. The logo link works on mobile :)

Best regards,
Vinay

Hi,

There are a few possibilities you can try.

1. You can have color sections with a semi-transparent background color and add a background image using CSS to the #main or #wrap_all. https://imgur.com/B65jmT2

2. If you need solid colors or image as color section background and continuous line background over the solid color please use custom CSS to add the image as a pseudo element. This is not going to work as background image it will be over other elements. A workaround for this would be to add a custom class to color section contents and add a z-index higher than the pseudo element image.

If you still have any issue please upload a screenshot/mockup to one of the below sites and share the link here so we can help you better :)

https://snag.gy/
https://ctrlv.cz/en/
https://imgur.com

Best regards,
Vinay