Carina Theme Overhead Section Issue

[trinnovative]

I’ve added code in the overhead section of the theme and it functions properly however when the overhead section is activated on the site for some reason it causes the formatting of the rest of the site to change slightly. See the screenshot below:

The page is supposed to be full width and without the overhead it functions properly. The screenshot below shows the correct layout:

How do I prevent this from happening?

I took a deep dive look at the css on the live page and there are no indications of additional padding or margins added when the overhead section is active.

If the overhead section code matters I’ve added it here:

[section parallax="off" horizontal_parallax="off" bgimage="http://www.trinnovative.com/wp-content/uploads/2016/04/light_art_dark_blur_bg-e1460797492859.jpg" class="" id="" style="" bgrepeat="no-repeat" inner="on" bgpositionx="center" bgpositiony="center" bgfix="no" bg="#000000" bg2="" margintop="" marginbottom="" paddingtop="" paddingbottom="" height="" color=""]
[su_spacer size="100"]
<h1 style="text-align: center;"><span style="color: #ffffff;">WE INNOVATE</span></h1>
[su_spacer size="20"][su_row][su_column size="1/3"]

[edsanimate_start entry_animation_type= "fadeInUp" entry_delay= "1" entry_duration= "1" entry_timing= "ease-in-out" exit_animation_type= "fadeOutUp" exit_delay= "1.5" exit_duration= "1" exit_timing= "ease-in-out" animation_repeat= "infinite" keep= "yes" animate_on= "load" scroll_offset= "" custom_css_class= ""]
<h1 style="text-align: center;"><span style="color: #d1284a;">Experiences</span></h1>
[edsanimate_end]

[su_spacer size="50"]
[/su_column] [su_column size="1/3"]

[edsanimate_start entry_animation_type= "fadeInUp" entry_delay= "2" entry_duration= "1" entry_timing= "ease-in-out" exit_animation_type= "fadeOutUp" exit_delay= "1" exit_duration= "1" exit_timing= "ease-in-out" animation_repeat= "infinite" keep= "yes" animate_on= "load" scroll_offset= "" custom_css_class= ""]
<h1 style="text-align: center;"><span style="color: #d1284a;">Thriving Brands</span></h1>
[edsanimate_end]

[su_spacer size="50"]
[/su_column] [su_column size="1/3"]

[edsanimate_start entry_animation_type= "fadeInUp" entry_delay= "3" entry_duration= "1" entry_timing= "ease-in-out" exit_animation_type= "fadeOutUp" exit_delay= "1" exit_duration= "1" exit_timing= "ease-in-out" animation_repeat= "infinite" keep= "yes" animate_on= "load" scroll_offset= "" custom_css_class= ""]
<h1 style="text-align: center;"><span style="color: #d1284a;">Trust</span></h1>
[edsanimate_end]

[su_spacer size="50"]
[/su_column][/su_row]
<a class="standardbutton" href="#who-we-help"><span style="color: #ffffff;">Who We Help</span></a>
<p style="text-align: left;">[su_spacer size="50"]</p>

<h3 style="text-align: center;"><span style="color: #ffffff;">"Your Image</span> <span style="color: #d1284a;">IS</span> <span style="color: #ffffff;">Our Business"</span></h3>
[su_spacer size="100"][/section]

-BC

[7Theme Support]

It’s not working, because in the overhead section you cannot add the section shortcode, this will break the HTML structur of the theme. The section shortcode is only for the main section.

I think if you try it without the section shortcode it will work.

[Author]

Posts