Hi,

Please add this on your custom.css or Quick CS

#top #wrap_all .avia-gallery-1 .avia-gallery-thumb a {

width: 25%;

max-height: 147px;

height: 147px;

}



#top div .avia-gallery img {

height: 100%;

max-height: 100%;

}

Cheers,

Ismael

Hi,

I think you’re Enfold theme files are corrupted just like what Devin said. Please download the theme again on your theme forest account. functions.php can’t find the config-wpml directory.

Regards,

Ismael

Hi,

Checked your website on IE9, and it looks the same with Chrome. I will have to assume that it will look better on IE 10.

On LayerWP Slider > Slides > Global Options > Basic > Slider width, please make it 100%.

Regards,

Ismael

Hi,

You are here: // Home

Edit framework > php > class-breadcrumb.php, find this code on line 186

'before' => '<span class="breadcrumb-title">' . __( 'You are here:', 'avia_framework' ) . '</span>',

'after' => false,

'front_page' => true,

'show_home' => __( 'Home', 'avia_framework' ),

Leave a reply

Edit includes > comments.php, find this code

echo "<h3 class='miniheading'>".__('Leave a Reply','avia_framework')."</h3>";

and this one

echo "<span class='minitext'>".__('Want to join the discussion? <br/>Feel free to contribute!','avia_framework')."</span>";

Edit single.php and index.php, find this

$title = __('Blog - Latest News', 'avia_framework'); //default blog title

Regards,

Ismael

Hey,

Glad it worked. :)

Cheers,

Ismael

Hi,

Like Dude said IE8 doesn’t support css properties like background-color, gradients, box-shadows, css animation etc.

Please add this on your custom.css or Quick CSS to fix elements without background colors.

.alternate_color, main_color {

background: red;

}

Change the color value.

To fix the button, please use this

.alternate_color .avia-color-theme-color-subtle {

background: #122638;

color: white;

}

Regards,

Ismael

Hi,

I checked the link on the different browsers but I don’t see the video displaying full size when played. Please add this on your custom.css or Quick CSS. Is this happening on MAC?

div .mejs-container, div .mejs-container video {

height: 100%!important;

position: absolute;

max-height: 100%;

max-width: 100%;

}

Regards,

Ismael

Hi,

On your Admin Dashboard > go to LayerSlider WP, select the slider. Go to Global Options > Basic > Slider width, make it 100%. If you want to center align the element, look for Layers Container, then specify the width in pixels. Please use images even for text to make the Layer Slider responsive.

Regards,
Ismael

Hi,

I’m not sure what is wrong with your 4th slide. Can you remake it?

I added 6 slides on my end but the slider is not crashing. This is the screenshot.

Let me tag Kriesi.

Regards,

Ismael

Hi,

The arrow should not scroll to “#next”. I tested the post slider and easy slider on my end but I can’t reproduce the one you’re having.

Did you change anything on the theme files?

Let me tag the rest of the support team.

Regards,

Ismael

Hi,

Install the theme on both domain then create the same menu for each site.

Regards,

Ismael

Hi,

The Full Width Slider is working fine on my end. Can you give us a link to your website?

Regards,

Ismael

Hi,

I did some changes on your slide Chop > Slide #1. Unfortunately, I don’t have the time to change all your slides. I also use the actual html code for avia buttons. I added a class selector to make it unique.

NOTE: Images are much more responsive than text. Next time you create a slide, I suggest you use image text instead of actual text. To see an example, please Import the dummy data.

I added this on your Quick CSS

/* Advance Slider Style */

.fsn2-title { font-family: League Gothic; letter-spacing:2px; font-size:68px; font-weight:500; color:#ffffff; }



.fsn2-p { color: white; font-size: 15px; line-height:22px; margin-bottom:50px; }



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

.ls-layer > span { top: -10px; left: -5px !important; padding: 0 10px !important; }



.fsn2-title { font-family: League Gothic; letter-spacing:1px; font-size:20px; font-weight:500; color:#ffffff; line-height:10px; }



.fsn2-p { color: white; font-size: 10px; line-height:12px;margin-bottom: 10px; }



.ls-layer > span .avia-button.avia-size-large {  padding: 3px 10px; font-size: 11px; min-width: 80px; top: 15px;

}

}

Regards,

Ismael

Hi,

It is because you have an inline font-size of 50px and 30px. It is way too big for mobile devices. Give the <span> tag a unique css selector. Something like this:

<p style="text-align: center;"><span class="paragraph-1A">Example Content</span></p>

<p style="text-align: center;"><span class="paragraph-1B">Example Content More Content</span></p>

Then style it on your custom.css or Quick CSS

.paragraph-1A {

color: #333; font-family: 'League Gothic', auto; font-size: 50px;

}



.paragraph-1B {

color: #333; font-family: 'League Gothic', auto; font-size: 30px;

}

Then add Media Queries to target the span on mobile devices.

/*

Mobile Styles

================================================== */

/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */



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

/* Add your Mobile Styles here */

.paragraph-1A {

color: #333; font-family: 'League Gothic', auto; font-size: 20px;

}



.paragraph-1B {

color: #333; font-family: 'League Gothic', auto; font-size: 10px;

}

}

Regards,

Ismael

Hi,

The side images doesn’t shrink. Actually, the code increased the size of the one_half column then decrease the left margin, so technically the red shoes is much bigger.

.page-id-1668 .av_one_half {

margin-left: 0.0001%;

margin-right: -3%;

width: 50%;

}

This code decrease the left margin of one_fourth column, I will add the code to make them bigger.

.page-id-1668 .av_one_fourth {

margin-left: 3%;

width: 23.5%;

}

This code makes sure that the first column has no left margin

.page-id-1668 .av_one_fourth.first {

margin-left: 0;

}

This code to decrease the top padding

.page-id-1668 .template-page.content.twelve.alpha.units {

padding-top: 10px;

}

Regards,

Ismael