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
LVL 11
Amanda WatsonWeb DeveloperAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

Mikkel SandbergFront End DeveloperCommented:
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 :)
0
Amanda WatsonWeb DeveloperAuthor Commented:
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?
0
Mikkel SandbergFront End DeveloperCommented:
I think I found the problem. Try replacing the .row class on the #details-items and #details-content divs with the .container class. This class handles the width of these content blocks at various screen sizes.
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
Ultimate Tool Kit for Technology Solution Provider

Broken down into practical pointers and step-by-step instructions, the IT Service Excellence Tool Kit delivers expert advice for technology solution providers. Get your free copy now.

Amanda WatsonWeb DeveloperAuthor Commented:
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(); ?>
0
Mikkel SandbergFront End DeveloperCommented:
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.
0
Amanda WatsonWeb DeveloperAuthor Commented:
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
0
Amanda WatsonWeb DeveloperAuthor Commented:
nearly there
0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
PHP

From novice to tech pro — start learning today.

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.