Broken Layout after Update

[maratino]

Uncaught ReferenceError: menuItems is not defined

Some pages are not displaying right.

[maratino]

`ncaught ReferenceError: menuItems is not definedcurrentScrollIndication @ functions.min.js:1mainMenuActions @ functions.min.js:1init @ functions.min.js:1init @ functions.min.js:1i @ jquery.js?ver=1.12.4:2fireWith @ jquery.js?ver=1.12.4:2ready @ jquery.js?ver=1.12.4:2K @ jquery.js?ver=1.12.4:2

[David Martin – Support]

What is the login URL, the supplied is not available.

[maratino]

This reply has been marked as private.

[maratino]

I returned to the working version 2.3. will try again once you have a stable release.

[Swift Ideas – Ed]

Hi @maratino

Thanks for the heads up – fixed for the next update.

– Ed

[maratino]

No, it’s not fixed. Just tried again and my layout is still broken with the latest updates. (again i returned to the latest working version)

[Rui Guerreiro – SUPPORT]

Hi,

I just forward again to Ed so he can check it.

-Rui

[maratino]

I just compared the source:

working:

<div class="row multi-column-row" style="min-height: 541px;">
	<div class="spb_content_element spb_image sf-animation noframe col-sm-4 thumbnail-std fadeInUp sf-animate" data-animation="fadeInUp" data-delay="200" style="min-height: 541px;">
		<div class="spb-asset-content"><figure class="animated-overlay overlay-alt clearfix"><img width="682" height="1024" src="https://blumbag.com/wp-content/uploads/2015/10/03_model1-682x1024.jpg" class="attachment-large size-large" alt="03_model1" srcset="https://blumbag.com/wp-content/uploads/2015/10/03_model1-682x1024.jpg 682w, https://blumbag.com/wp-content/uploads/2015/10/03_model1-333x500.jpg 333w, https://blumbag.com/wp-content/uploads/2015/10/03_model1-400x600.jpg 400w, https://blumbag.com/wp-content/uploads/2015/10/03_model1-667x1000.jpg 667w, https://blumbag.com/wp-content/uploads/2015/10/03_model1-1280x1920.jpg 1280w, https://blumbag.com/wp-content/uploads/2015/10/03_model1-1000x1500.jpg 1000w, https://blumbag.com/wp-content/uploads/2015/10/03_model1.jpg 1333w" sizes="(max-width: 682px) 100vw, 682px"><a class="lightbox ilightbox-enabled" href="https://blumbag.com/wp-content/uploads/2015/10/03_model1-682x1024.jpg" data-rel="ilightbox[94-189]" data-caption=""></a><div class="figcaption-wrap"></div><figcaption><div class="thumb-info thumb-info-alt"><i class="sf-icon-search"></i></div></figcaption></figure>
		</div>
	</div>  
	<div class="spb_content_element spb_image sf-animation noframe col-sm-8 thumbnail-std fadeInUp sf-animate" data-animation="fadeInUp" data-delay="200" style="min-height: 541px;">
		<div class="spb-asset-content"><figure class="animated-overlay overlay-alt clearfix"><img width="1024" height="769" src="https://blumbag.com/wp-content/uploads/2015/10/02_model1_TITEL21-1024x769.jpg" class="attachment-large size-large" alt="02_model1_TITEL21" srcset="https://blumbag.com/wp-content/uploads/2015/10/02_model1_TITEL21-1024x769.jpg 1024w, https://blumbag.com/wp-content/uploads/2015/10/02_model1_TITEL21-500x375.jpg 500w, https://blumbag.com/wp-content/uploads/2015/10/02_model1_TITEL21-600x450.jpg 600w, https://blumbag.com/wp-content/uploads/2015/10/02_model1_TITEL21-1000x751.jpg 1000w, https://blumbag.com/wp-content/uploads/2015/10/02_model1_TITEL21-94x70.jpg 94w, https://blumbag.com/wp-content/uploads/2015/10/02_model1_TITEL21-900x675.jpg 900w, https://blumbag.com/wp-content/uploads/2015/10/02_model1_TITEL21-1280x961.jpg 1280w" sizes="(max-width: 1024px) 100vw, 1024px"><a class="lightbox ilightbox-enabled" href="https://blumbag.com/wp-content/uploads/2015/10/02_model1_TITEL21-1024x769.jpg" data-rel="ilightbox[587-359]" data-caption=""></a><div class="figcaption-wrap"></div><figcaption><div class="thumb-info thumb-info-alt"><i class="sf-icon-search"></i></div></figcaption></figure>
		</div>
	</div> </div>

with the new swift-framework:

<div class="spb-column-inner row clearfix multi-column-row" style="padding-left: 15px; padding-right: 15px; min-height: 1575px;">
		 <section class="row fw-row ">
	<div class="spb_content_element spb_image sf-animation noframe col-sm-12 spb-full-width-element thumbnail-std square-corners  fadeInUp sf-animate" data-animation="fadeInUp" data-delay="200" style="min-height: 1575px;">
		<div class="spb-asset-content"><figure class="animated-overlay has-link overlay-alt clearfix"><div class="img-wrap"><img width="682" height="1024" src="https://blumbag.com/wp-content/uploads/2015/10/03_model1-682x1024.jpg" class="attachment-large size-large" alt="03_model1" srcset="https://blumbag.com/wp-content/uploads/2015/10/03_model1-682x1024.jpg 682w, https://blumbag.com/wp-content/uploads/2015/10/03_model1-333x500.jpg 333w, https://blumbag.com/wp-content/uploads/2015/10/03_model1-400x600.jpg 400w, https://blumbag.com/wp-content/uploads/2015/10/03_model1-667x1000.jpg 667w, https://blumbag.com/wp-content/uploads/2015/10/03_model1-1280x1920.jpg 1280w, https://blumbag.com/wp-content/uploads/2015/10/03_model1-1000x1500.jpg 1000w, https://blumbag.com/wp-content/uploads/2015/10/03_model1.jpg 1333w" sizes="(max-width: 682px) 100vw, 682px"></div><a class="lightbox ilightbox-enabled" data-rel="ilightbox[94-351]" href="https://blumbag.com/wp-content/uploads/2015/10/03_model1.jpg"></a><div class="figcaption-wrap"></div><figcaption><div class="thumb-info thumb-info-alt"><i class="sf-icon-search"></i></div></figcaption></figure>
		</div>
	</div>  
	<div class="spb_content_element spb_image sf-animation noframe col-sm-12 spb-full-width-element thumbnail-std square-corners  fadeInUp sf-animate" data-animation="fadeInUp" data-delay="200" style="min-height: 1575px;">
		<div class="spb-asset-content" style="margin-top: 393px; margin-bottom: 393px;"><figure class="animated-overlay has-link overlay-alt clearfix"><div class="img-wrap"><img width="1024" height="769" src="https://blumbag.com/wp-content/uploads/2015/10/02_model1_TITEL21-1024x769.jpg" class="attachment-large size-large" alt="02_model1_TITEL21" srcset="https://blumbag.com/wp-content/uploads/2015/10/02_model1_TITEL21-1024x769.jpg 1024w, https://blumbag.com/wp-content/uploads/2015/10/02_model1_TITEL21-500x375.jpg 500w, https://blumbag.com/wp-content/uploads/2015/10/02_model1_TITEL21-600x450.jpg 600w, https://blumbag.com/wp-content/uploads/2015/10/02_model1_TITEL21-1000x751.jpg 1000w, https://blumbag.com/wp-content/uploads/2015/10/02_model1_TITEL21-94x70.jpg 94w, https://blumbag.com/wp-content/uploads/2015/10/02_model1_TITEL21-900x675.jpg 900w, https://blumbag.com/wp-content/uploads/2015/10/02_model1_TITEL21-1280x961.jpg 1280w" sizes="(max-width: 1024px) 100vw, 1024px"></div><a class="lightbox ilightbox-enabled" data-rel="ilightbox[587-142]" href="https://blumbag.com/wp-content/uploads/2015/10/02_model1_TITEL21.jpg"></a><div class="figcaption-wrap"></div><figcaption><div class="thumb-info thumb-info-alt"><i class="sf-icon-search"></i></div></figcaption></figure>
		</div>
	</div> <div class="spb-fw-sizer" style="min-height: 1575px;"></div></section>
 
		</div>

[Swift Ideas – Ed]

Hi @maratino

The menuItems issue was fixed with the update, and the source has changed – thats correct.

Can you provide the page content and let us know the issues you are seeing so that we can test it locally?

Thanks,

– Ed

[maratino]

as soon as i update , the height of my image elements is not right.

Attachments:

You must be logged in to view attached files.

[maratino]

with updated swift-framework

Attachments:

You must be logged in to view attached files.

[Swift Ideas – Ed]

Hmm. For some reason the first image changes from 1/3 width to 1/1 width with full width enabled.

If you can provide the original page code, we’ll happily check this locally.

– Ed

[maratino]

blumbag.txt, attached to #296225 is the source.

[Swift Ideas – Ed]

Hi @maratino

We managed to find the issue, it was to do with the “Full Width” option on the image, when the image wasn’t 1/1.

We’ve got this fix ready to be released in the plugin update tomorrow.

– Ed