Background image cropped

  • Resolved ocoto

    (@ocoto)


    9 years, 3 months ago

    Hi,

    I had a problem with the smooth scrolling of North theme from SiteOrigin which interfered with your plugin. Now that you help me to resolve this I have another issue 🙂 the never ending story.

    I’m using the tabs to display differents content which are always setup like this:

    A row section with two columns (29.3% and 70.7%) and a background image.In the first column there is a title via SiteOrigin Editor and on the second one a text paragraph with the same widget.

    The problem is when I click on a tab, the background image is cropped. If a resize the browser window it goes back to normal but it happens every time I change of tab. See the picture:

    1. the page is loaded. everything is fine.
    2. I clicked on Services and the image is cropped
    3. I resize the browser window, the image is fine again
    4. I clic on Philosophy tab, the image is cropped
    5. I resize the browser window, it’s fine again

    background image issue

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Contributor Gregor Capuder

    (@capuderg)

    9 years, 3 months ago

    Hi,

    it sounds like a window refresh event needs to be triggered, when you change the tabs…

    Try adding this bit of JS code in your theme (or on the page, where you are using plugin):

    
<script>
	jQuery('.pt-tabs a[data-toggle="tab"]').on('shown.bs.tab', function () {
		jQuery( window ).resize();
	});
</script>

    Take care!

    Thread Starter ocoto

    (@ocoto)

    9 years, 3 months ago

    Excellent, thank you so much!

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Background image cropped’ is closed to new replies.