Tagged: 

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • February 21, 2019 at 12:48 am #1069746
    blezard

    I would like to use a landing page plugin called Thrive Architect. I have used it on other sites and it hasn’t been a problem. However, when I use it on a site that has enfold’s theme activated there must be a conflict, as the landing page is no longer mobile responsive.

    What could be causing this conflict? When I switch to a default theme, the landing page returns to be mobile responsive again.

    February 23, 2019 at 8:40 am #1070628
    Rikard

    Hey blezard,

    I’m not familiar with the plugin you are referring to, but why do you need to use a plugin to create a page like that? It looks very straight forward to create that with the Layout Builder in the theme?

    Best regards,
    Rikard

    February 25, 2019 at 11:36 am #1071238
    blezard

    Hi Rickard

    How do I import this page/template without overwriting the rest of the theme settings? https://kriesi.at/themes/enfold-landing-page

    Thanks

    February 27, 2019 at 9:08 am #1072197
    Rikard

    Hi,

    First off you need to enable debug mode: https://kriesi.at/documentation/enfold/intro-to-advanced-layout-builder/#debug-mode, then you can add the following shortcode to a new page: https://pastebin.com/KmV13Fkr

    Best regards,
    Rikard

    March 25, 2019 at 7:34 am #1082541
    Arek

    Hello,
    i have the same problem. I am using Thrive Architect for landing pages and with enfold they are not responsive. Tried with the default WordPress Theme and there it is responsive and working correctly.

    I figured out, that the grid.css in Enfold is in conflict with thrive architect (dont know which css selector). When i remove the grid.css link in DevTools everything looks fine and is responsive.

    I tried to build a template in my endfold-child which will deregister the grid.css but it is not working. can you give me a hint for not loading the avia-grid in my template?

    i tried this as as a template file (nogrid.php):

    <?php
/**
	Template Name: Content Only (No Enfold Grid)
*/
?>

<html>
<head>
   <title><?php wp_title( '|', true, 'right' ); bloginfo('url'); ?></title>
</head>

<body>
      <?php while (have_posts()) : the_post(); ?>
      <?php the_content(); endwhile; ?> 
</body>
</html>

<?php
  function dequeue_grid_css() {

  wp_dequeue_style('avia-grid');
  wp_deregister_style('avia-grid'); 
}
// add a priority if you need it
add_action('wp_enqueue_scripts','dequeue_grid_css',9999);
add_action('wp_head', 'dequeue_grid_css', 9999);
?>

    Can you help me on this? The grid.css will be still loaded by enfold, how can i get rid of this?
    Best regards
    Arek

    March 25, 2019 at 8:09 am #1082553
    Arek

    Hi,

    me again. I figured out that it is this css-rule in the grid.css, which break the responsiveness:

    
html {
    min-width: 910px;
}

    I tried to replace this rule to the site template, child theme style.css / custom.css but it will be ignored. do you have any recommendation to overwrite this rule with this (only for my landing pages with. thrive themes).

    
html {
 min-width: auto !important;
}
    March 25, 2019 at 7:35 pm #1082822
    Victoria

    Hi Arek,

    Please try the code like this:

    
html.html_stretched.responsive {
  min-width: auto !important;
}

    I’m not sure there’s a way to identify the landing pages at this tag level.

    Best regards,
    Victoria

    March 26, 2019 at 6:50 am #1082980
    Arek

    Hey Victoria,
    thanks for the reply.

    Thats why i wanted to use a separate template which would overwrite the css rule or the css file. But it didnt work.

    I ended up patching enfold directly in the grid.css. After changing it directly in the grid.css i didnt see any problems in my pages and articles.

    Could you consider changing this in enfold theme directly and maybe check if there are some after effects on this change, which i didnt see?

    I simply changed the html min-width property from 910px to auto in the grid.css file.

    Best regards
    Arek

    March 29, 2019 at 12:09 pm #1084536
    Ismael

    Hi,

    You should try adding the css code in the General Styling > Quick CSS field. And don’t forget to toggle the Performance > File Compression settings afterwards.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.