Link to home
Start Free TrialLog in
Avatar of Amanda Watson
Amanda WatsonFlag for Australia

asked on

Shortcode is showing fullwidth while rest of page isn't?

Hi There,
I can't understand this but if you go to this site http://yambaholiday.com.au/
You will see the homepage is essentially fixed width except there are two sections that stretch full width.
Can anyone understand this and help me fix it.
I am simply using MESA shortcodes?
Thanks
Avatar of Mikkel Sandberg
Mikkel Sandberg
Flag of United States of America image

Hello,
I took a look at it and didn't notice anything terribly out of place, although I did notice that the 5 items you have near the top (122 sq. m, 38 sq. m, 2 undercover parking, etc) are each set at 25% width of the parent container, so you'd probably want to set these at 20% width so they fit properly.
Which section is causing the problem for you? If you could include a screenshot with the area outlined or highlighted, that would be helpful :)
Avatar of Amanda Watson

ASKER

Sorry I didn't get back sooner, I must have missed the comment,
Yes the area you have specified is the one sitting futher out.
There is also the text about the unit that doesn't sit inline with the res of the site.
I wonder why, when using the same shortcode and page, that you would get different results for one section than another?
ASKER CERTIFIED SOLUTION
Avatar of Mikkel Sandberg
Mikkel Sandberg
Flag of United States of America image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
There doesn't seem to be anywhere in the themes where I can do it unless I hard code it in the actual page.

The page and header are clean and consistent so I am not sure how my content got messes up....
<?php get_header(); ?>

<?php $options = get_option('bentuestu'); ?>

<?php mesa_page_header($post->ID); ?>

<!-- Back to top link -->
<a id="back_to_top" href="#" style="display: none;"></a>

<!-- BEGIN .container -->
<div class="container page-content">

    <!-- BEGIN .row -->
    <div class="row">
               
        <!-- col -->
        <div class="col-md-12">
       
            <?php if(have_posts()) : while(have_posts()) : the_post(); ?>
           
                <!-- BEGIN .post-container -->
                <div class="post-container">
               
                    <?php the_content(); ?>
                    <?php wp_link_pages(array('before' => '<p><strong>'.__('Pages:', 'zilla').'</strong> ', 'after' => '</p>', 'next_or_number' => 'number')); ?>
                                                   
                <!-- END .post-container -->
                </div>
                       
            <?php endwhile; endif; ?>
                       
        <!-- /col -->
        </div>
               
    <!-- END .row -->
    </div>

<!-- END .container -->
</div>      

<?php get_footer(); ?>
Hey Amanda,
Sorry it took so long for me to get back to you; I was on vacation last week. I just wanted to follow up and see if you are still experiencing problems.
I rearranged things on the page and it seems to be ok for now....The shortcodes can be finicky so I went through it with a fine tooth comb and I was ok.
\
Your solution was correct but the page builder stopped me from being able to just change the div so that was correct but impractical to solving the problem.

Thanks for your assistance
nearly there