Grid Layout Not Working

  • I have embedded the content views grid layout for our posts on this homepage under “Latest News”, and the grid view is working properly on my machine.

    However, this section on my client’s website is laid out as a list, not a grid. I’ve cleared the cache in the WP dashboard and asked them to do an empty cache and hard reload, etc but it’s shown as a list (not grid) on their machines.

    Is this a caching issue? Should I create a new content view and embed it? Please help!!!

    MY VIEW: https://prntscr.com/ky6p5w
    CLIENTS VIEW: https://prntscr.com/ky6ol5

    He said that he’s had other people in his office check the site, and they too see the list, not grid.

    Thank you so much for your help!

    All the Best,
    Adam

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Content Views

    (@pt-guy)

    Hi Adam,
    Thank you for contacting us.

    I checked your site and saw the list too.
    I figured out that the Content Views style file (cv.css) is NOT loaded in your site.

    Normally, it will be loaded in <head> tag.

    This issue might relate to the theme header file.

    Please check the file header.php of your theme, did it include the function wp_head(); (which includes action to load enqueued styles) ?

    Best regards,

    Thread Starter afgindy

    (@afgindy)

    Below is the header.php file from Appearance > Editor.

    It’s strange that it loads properly for me. I also had a buddy check in Denver and it loads w/ the styling for him as well.

    – – –

    <!doctype html>

    <html <?php language_attributes(); ?> class=”no-js”>

    <head>

    <script>

    (function(i,s,o,g,r,a,m){i[‘GoogleAnalyticsObject’]=r;i[r]=i[r]||function(){

    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),

    m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)

    })(window,document,’script’,’https://www.google-analytics.com/analytics.js&#8217;,’ga’);

    ga(‘create’, ‘UA-90878615-1’, ‘auto’);

    ga(‘send’, ‘pageview’);

    </script>

    <meta name=”google-site-verification” content=”4llp6Q99PXUF28-v9sScVRjwY1flD-QioKPvuoFzEs8″ />

    <meta charset=”<?php bloginfo(‘charset’); ?>”>

    <title><?php wp_title(”); ?><?php if(wp_title(”, false)) { echo ‘ :’; } ?> <?php bloginfo(‘name’); ?></title>

    <link href=”<?php echo get_template_directory_uri(); ?>/img/icons/touch.png” rel=”apple-touch-icon-precomposed”>

    <meta http-equiv=”X-UA-Compatible” content=”IE=edge,chrome=1″>

    <meta name=”viewport” content=”width=device-width, initial-scale=1.0″>

    <meta name=”description” content=”<?php bloginfo(‘description’); ?>”>

    <link href=”https://fonts.googleapis.com/css?family=Raleway:400,400i,800,800i,900,900i&#8221; rel=”stylesheet”>

    <?php wp_head(); ?>

    <script>

    // conditionizr.com

    // configure environment tests

    conditionizr.config({

    assets: ‘<?php echo get_template_directory_uri(); ?>’,

    tests: {}

    });

    </script>

    <link rel=”icon” href=”<?php echo site_url(); ?>/favicon.ico”>

    <link type=”text/css” media=”all” href=”<?php echo get_template_directory_uri(); ?>/elromco-min/elromco.css” rel=”stylesheet” />
    <link type=”text/css” media=”all” href=”<?php echo get_template_directory_uri(); ?>/elromco-min/company/company.css” rel=”stylesheet” />

    </head>

    <body <?php body_class(); ?> ng-app=”movecalc” ng-controller=”movecalController”>

    <!– wrapper –>

    <div class=”wrapper”>

    <!– header –>

    <header class=”header clear” role=”banner”>

    <!– logo –>

    <div class=”logo”>

    “>

    ” alt=”Logo” class=”logo-img”>

    </div>

    <!– /logo –>

    <!– nav –>

    <nav class=”nav” role=”navigation”>

    <?php html5blank_nav(); ?>

    Get a Quote

    </nav>

    <!– /nav –>
    <div id=”top_logo” style=”text-align: center; background: #004d89;”>
    <div style=”display: inline-block;”><a href=”
    https://www.facebook.com/artisanmoving&#8221; target=”_blank” rel=”noopener”>Artisan movers Facebook</div>

    <div style=”display: inline-block;”>Artisan movers Twitter

    </div>

    </header>

    <!– /header –>

    Plugin Author Content Views

    (@pt-guy)

    Thank you for your reply.

    A strange think in html output is the link of most css/js files are relative, such as:
    /wp-content/themes/html5blank-stable/elromco-min/company/company.css
    instead of absolute:
    https://artisanmovers.com/wp-content/themes/html5blank-stable/elromco-min/company/company.css

    When you check the site, it might get the file from your localhost instead of live website.

    I still suspect this issue relates to the theme.
    Might you:
    + switch to another theme
    + and disable all other plugins
    then check if the grid loads correctly?

    Best regards,

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Grid Layout Not Working’ is closed to new replies.