Hi,

I have tested this code and it works 100% please make sure to purge browser cache in plugin caching settings and deactivate it.
If you are using CloudFlare enable developer mode.

@media only screen and (max-width: 767px) {
#top #wrap_all .av-inherit-size .av-special-heading-tag {
    font-size: 1em;
    margin: 50px 0 0 0;
}
#av_section_1 main {
    padding-bottom:0!important;
}}

Best regards,
Vinay

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

@media only screen and (min-width:767px) {
#main .container_wrap_first > .container {
padding-right:0!important;
}
.sidebar {
	position: absolute;    
    top:0;
    left:0;
    padding-left:30px!important;
    bottom:0;
    max-width:calc(25% - 50px);
    background:gold;
}}

Best regards,
Vinay

Hi,

Using iframe simply opens the URL in a lightbox so it is very unlikely that it’s causing a conflict. For testing purpose please create a new page hide the header and footer and see if that opens in light box correctly once you confirm that lightbox feature is working correctly please insert your form in the newly created test page and check it again the lightbox should work fine. If you still have any issues please get back to us with a link to your site and request you to create a new ticket.

Best regards,
Vinay

Hi,

Please check the test results in private content for the page that is taking long to load. The test indicates that several js files could be combined as one and optimize the images using caching and image optimization plugins such as https://wordpress.org/plugins/w3-total-cache/ and https://wordpress.org/plugins/wp-smushit/

Let us know if that helps!

Best regards,
Vinay

Hi!

1. Please make sure the URL is correct in WordPress Dashboard > Settings > General >
a. WordPress Address (URL)
b. Site Address (URL)

2. Enable Child theme and check if the issue persist.

3. Deactivate the active plugin for testing purpose and check on the mobile phone again.

4. Lastly, activate the default WordPress theme and check on the mobile if the issue persist.

Best regards,
Vinay

Hi,

To change the logo when the page is not scrolled go to Enfold > Theme Options > Logo and update your logo.
To change the logo via CSS first hide the img tag and add a background image to it’s parent container.

Please use the updated code.
NOTE: Change the min-width and min-height value to be same as the logo.

/* Header logo when page is not scrolled */
#header.av_header_transparency .logo a img {
display: block !important;
}
#header.av_header_transparency .logo a {
background:transparent!important;
}

/* Header logo after page is scrolled */
#header .logo a img{
display: none;
}
#header .logo a {
background: url('logo.png');
background-size:cover;
background-repeat: no-repeat;
min-width: 100px;
min-height: 60px;
}

Best regards,
Vinay

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

Hey Vincent,

Sorry for the delay, As you already know the products are stored in database and theme role back will not affect the new products you have added unless WooCommerce supports it.

Would you mind providing a 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

Hi,

To replace the logo when the page is scrolled using CSS please try the below code.

NOTE: Replace the background color with background image
refer to this link for more info https://css-tricks.com/almanac/properties/b/background-image/

/* Header logo when page is not scrolled */
#header.av_header_transparency .logo a img {
display: block !important;
}
#header.av_header_transparency .logo a {
background:transparent!important;
}
/* Header logo after page is scrolled */
#header .logo a img{
display: none;
}
#header .logo a {
background: gold;
min-width: 100px;
min-height: 60px;
}

Best regards,
Vinay

Hi,

Glad that helped! To know more about enfold features please check – http://kriesi.at/documentation/enfold/
Thank you for using Enfold :)

Best regards,
Vinay

Hi,

Glad you figured this one out! To know more about enfold features please check – http://kriesi.at/documentation/enfold/
Thank you for using Enfold :)

Best regards,
Vinay

Hey theonlykieran,

Please let us know the name of the demo you tried to import. Almost all of the demos comes with demo images.
Would you mind providing a precise link to your site? We need to be able to inspect them in order to help :)

Best regards,
Vinay

Hi,

For some it has worked after changing the post max size please check the below links for more info:

http://stackoverflow.com/questions/11719495/php-warning-post-content-length-of-8978294-bytes-exceeds-the-limit-of-8388608-b
http://stackoverflow.com/questions/21704930/how-to-prevent-warning-post-content-length-and-memory-size

Best regards,
Vinay

Hi,

Please try this if you have any issue.

NOTE : Update the max-width value to any screen size to trigger the responsive version of the icon box :)

/* Iconbox responsive in tablets */
@media only screen and (max-width: 1150px){
.iconbox_left_content .iconbox_content, .iconbox_right_content .iconbox_content {
    width: 100%;
    padding: 20px 0;
}
.avia-icon-list .iconlist_content_wrap {
    width: 100%;
    padding: 20px 0;
}
.avia-icon-list .iconlist-timeline {
	display: none;
}.hr-inner {
    width: 100%!important;
    min-width: 80px;
}}

Best regards,
Vinay

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

Hey!

Thank you for elaborating the issue. I have checked your site and it does appear the changes made to theme option or quick CSS are not reflecting on the front end.

Please try to switch the predefined color scheme and switch it back from Enfold > General Styling > Sélectionner une palette de couleurs prédéfinie

Let us know if that helps.

Best regards,
Vinay

Hi!

We added the below CSS in Quick CSS section please review the site and let us know if you have any questions :)

#top .fullsize .template-blog .blog-meta {
    float: left;
    margin: 0 30px 10px 0;
    }
    #top .fullsize .template-blog .post-title {
    text-align: left;
    float: left;
    width: 100%;
}
#top .fullsize .template-blog .post-meta-infos {
	text-align: left!important;
}
#top .fullsize .template-blog .post .entry-content-wrapper  {
float:left;
}

Best regards,
Vinay