Image in Tabs Module Causing Issue

Beaver Builder
1

Hello,

I have added a Tabs Module in my layout and I have added my content. However, when I add an image, in mobile view, the lines, and tabs below the image get shifted. The look is slightly different in mobile view and if you resize the browser window, but you get the idea.

Also, is there a way to keep the last tab open if the page is refreshed?

Thank you.

2

[Content Hidden]

3

[Content Hidden]

4

Hey Mws,

I’ve already submitted a bug report for this. Basically, anything in the content that is floated causes this issue to occur. Thanks for bringing it up! :slight_smile:

Ben

5

Thanks, looking forward to an update.

In the meanwhile, any temporary sort of fix?

6

Hey Mws,

I already went in and hard coded a fix to your plugin.

Ben

7

Ben,

That’s why you’re awesome.

Thanks.

8

No worries! Have fun with The Beaver! :slight_smile:

Ben

9

[Content Hidden]

10

Hey Mws,

Yes, it has been fixed. In fact, I can see the fix in the markup of your site. This problem you’re having is another issue altogether, caused by how you’ve created another div that is floated as well. I’ll go ahead and reopen the bug report I have before and ping our lead dev. :slight_smile:

Ben

11

Thanks, although I’m sure what the extra div is as I’ve done nothing difference except swap out the image. In the meanwhile, is there something I can do temporarily to prevent this from happening?

12

Hey Mws,

Adding this to your styling should fix you right up! :slight_smile:

.fl-module-tabs .fl-tabs-panel:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

Ben

13

That did the trick. Thanks again.

14

No worries! Enjoy BB! :slight_smile:

Ben