Hi,

I checked the settings and the Enfold > General Layout > Dimensions > Responsive Site option is disabled. Was that intentional? We enabled it back and I don’t see any issue except for the logo image, which is expected because of the following css code.

.icon_img img {
    max-width: 480px;
}

You can replace it with the following css code so that it will not affect the mobile view.

@media only screen and (min-width: 768px) {
  /* Add your Desktop Styles here */
  .icon_img img {
    max-width: 480px;
  }
}

Could you please provide a screenshot of the “phone” issue?

Best regards,
Ismael

Hi,

Thank you for using Enfold.

Please edit the config-woocommerce > woocommerce-mod.js file then look for this code around line 18:

jQuery(".quantity input[type=number]").each(function() {

.. replace it with:

jQuery(".quantity:not('.tribe-ticket') input[type=number]").each(function() {

Let us know if it fixes anything.

Best regards,
Ismael

Hi,

Thank you for using Enfold.

Please look for this css modification.

#top.rtl #header.header-scrolled .social_bookmarks li:last-child {
    border-right: 1px solid #e1e1e1 !important;
}

.. replace it with:

#top.rtl #header .social_bookmarks li:last-child {
    border-right: 1px solid #e1e1e1 !important;
}

And where can I find the page with the social share section? Please provide a url. It probably requires a simple css modification.

Best regards,
Ismael

Hey!

The error means that the function was duplicated. Please revert the files back to their original state or remove all modifications that you’ve done in the previous hours then make sure that you put the snippet in the wp-content > themes > enfold > functions.php file, nowhere else. And please copy the snippet directly from this forum, not from your email.

Best regards,
Ismael

Hi,

I’m sorry for the late response.

Plus can I increase the padding above the logo as it looks a bit squashed at the top of the container?

Please use this css code to move the logo downwards a bit.

.logo img {
    top: 10px;
}

And you will actually get a faster response if you open a new ticket or topic for each of your inquiry. Other moderators will be able to check on it much faster.

p.s. can you think of any reason why the following code in quick css

What is the “advanced button styling”?

On this site, I would like each of the colour sections to fill the screen so that the arrow to jump to next section is always placed at the bottom and it looks/works really sleek. Is this possible as when I selected the “100% of browser height” in the row settings it works fine for the first section…

There’s quite a few css modifications added on the theme, specifically in the header so the “scrolldown” calculation is off. Please edit the js > avia.js file then look for the avia_smoothscroll function. Look for this code on line 756:

fixedMainPadding = parseInt($('html').css('margin-top'),10);

.. replace it with:

fixedMainPadding = parseInt($('html').css('margin-top'),10) + 100;

Let us know if it changes anything.

Best regards,
Ismael

Hi,

This is a normal behaviour because the widget is not a native part of the theme. You will need to configure the js > avia.js > avia_header_size function if you want the widget image to resize on scroll. Look for this line:

logo = $('#header_main .container .logo img, #header_main .container .logo a'),

.. replace it with:

logo = $('#header_main .container .logo img, #header_main .container .logo a, #header_main .praveen-header'),

Best regards,
Ismael

Hi,

Grrrr my client now asks if the iframe can be displayed not after a click but after just a hover on the image…

I’m sorry but this is not possible by default. It will require quite a few modifications that we won’t be able to provide here. Please hire a freelance developer or contact our partner, Codeable.

// http://kriesi.at/contact/customization

Or if you’re familiar with jQuery, maybe it’s possible to trigger the “click” event on mouseover.

// http://api.jquery.com/trigger/

And to target a specific image element, you need turn on the custom css class field.

// http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

Best regards,
Ismael

Hi,

Have you checked your spam folder? Is the email address working if you use the Contact Form 7 plugin?

// https://wordpress.org/plugins/contact-form-7/

Best regards,
Ismael

Hey educode,

Thank you for using Enfold.

This is possible but you can only append the first category of the portfolio item. Please add this code in the functions.php file then go to the Settings > Permalinks panel to flush the permalinks.

add_filter('avf_portfolio_cpt_args', 'avf_portfolio_cpt_args_mod', 10);
function avf_portfolio_cpt_args_mod($args) {
	$args['rewrite']['slug'] = '%portfolio_entries%';
    $args['rewrite']['with_front'] = false;
	return $args;
}

add_filter( 'post_type_link', 'ava_remove_custom_slug', 9999, 3 );
function ava_remove_custom_slug( $post_link, $post, $leavename ) {
    if ( 'portfolio' != $post->post_type || 'publish' != $post->post_status ) {
        return $post_link;
    }

    $post_link = str_replace( '/' . $post->post_type . '/', '/', $post_link );

    return $post_link;
}

add_filter('post_link', 'portfolio_permalink', 1, 5);
add_filter('post_type_link', 'portfolio_permalink', 1, 5);

function portfolio_permalink($permalink, $post_id, $leavename) {
    if (strpos($permalink, '%portfolio_entries%') === FALSE) return $permalink;

        $post = get_post($post_id);
        if (!$post) return $permalink;

        $terms = wp_get_object_terms($post->ID, 'portfolio_entries');
        if (!is_wp_error($terms) && !empty($terms) && is_object($terms[0]))
        	$taxonomy_slug = $terms[0]->slug;
        else $taxonomy_slug = 'no-portfolio';

    return str_replace('%portfolio_entries%', $taxonomy_slug, $permalink);
}

Remove browser cache or hard refresh before checking the portfolio items.

Best regards,
Ismael

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

Hey amebadg,

Thank you for using Enfold.

What kind of animations? This might require a lot of modifications depending on the scale of templates or elements that needs to be configured in the theme. A freelance developer will be of great help in this situation and you can also contact our partner, codeable.

// http://kriesi.at/contact/customization

Best regards,
Ismael

Hi,

Did you copy the code from your email? Please copy it directly from this forum. Or post the FTP details here so that we can add it in the functions.php. Placing it right at the very bottom of the file should be fine. After adding the filter, you’ll get the “Order” field for the portfolio items.

Best regards,
Ismael

Hi,

We are very sorry for the late response.

It can’t be possible that the slider can not show whole image on smaller screens.

How can you contain a large image on a small screen with a different aspect ratio without distorting it? It’s possible but you have to remove some parts of the image. Another workaround is to apply a different version of the image for each slide on smaller screens with the following css code.

@media only screen and (min-width: 768px) and (max-width: 989px) {
/* slide 1 */
.avia-fullscreen-slider .avia-slideshow >ul > li:nth-child(1) {
    background-image: url(IMAGE FOR TABLET) !important;
}

/* slide 2 */
.avia-fullscreen-slider .avia-slideshow >ul > li:nth-child(2) {
    background-image: url(IMAGE FOR TABLET) !important;
}
}

@media only screen and (max-width: 767px) {
/* slide 1 */
.avia-fullscreen-slider .avia-slideshow >ul > li:nth-child(1) {
    background-image: url(IMAGE FOR PHONE) !important;
}

/* slide 2 */
.avia-fullscreen-slider .avia-slideshow >ul > li:nth-child(2) {
    background-image: url(IMAGE FOR PHONE) !important;
}
}

I checked the forum and your colleagues gave some codes to some participants and fixed problems similar to mine. Can you tell me which code should I use so people can see the whole picture on mobile phones?

Did you test the codes? Please provide a url to thread and we’ll check it.

Best regards,
Ismael

Hey kopperdrake,

Thank you for using Enfold.

Please add this css code in the Quick CSS field to create indentations.

#top .widget ul {
    list-style-type: disc;
}

#top .widget .children {
    padding-left: 10px;
}

#top .widget .children .children {
    padding-left: 20px;
}

Best regards,
Ismael

Hi,

The site is using a very old version of the theme, 3.5.3. Please update to version 3.8.3.

Best regards,
Ismael

Hi,

I’m not sure why it’s not working. The settings look correct. Did you duplicate those products?

Best regards,
Ismael