appearing correctly in Chrome but not in firefox or explorer

Beaver Builder
1

Please take a look at this page in chrome- the menu is supposed to be overlaid on top of the slider. this doesn’t work in firefox or in explorer. Any idea what’s going on here? ny suggestions for a solution?

wp.metrocleanonline.com

2

Hey DAW Digital,

FF and IE doesn’t play well with negative margins. You can look for other ways to achieve your layout via custom CSS. I did a quick Google and found the results below. Feel free to check! :slight_smile:
http://stackoverflow.com/questions/21471531/issue-with-negative-margin-value-for-firefox
http://stackoverflow.com/questions/17872490/issue-with-negative-margin-on-firefox-and-ie

Ben

3

[Content Hidden]

4

Hey DAW Digital,

You can set a Slideshow as a background to the row. Does that work for you?

Ben

5

[Content Hidden]

6

[Content Hidden]

7

Hey DAW Digital,

Try adding an extra class name to the menu module, e.g., slider-menu, then add the CSS below.

.slider-menu .fl-module-content {
  position: relative;
  top: -135px;
}

Ben

8

[Content Hidden]

9

Hey DAW Digital,

You can add an extra class name under the Advanced tab. This applies to all rows/columns/modules. Try the above first and see if it works.

If you really need professional help, we’ve a list of recommended devs on the link below. :slight_smile:
http://forum.wpbeaverbuilder.com/recommended-builders/

Ben

10

[Content Hidden]

11

Hey DAW Digital,

Check the screenshot below for reference. The Advanced tab is available on all rows/columns/modules. :slight_smile:
http://imgur.com/pMKUuzW

Ben

12

That helped a lot! I’m almost there, but if I understand correctly, I need to add the menu to the far right side of a row and then the relative position of the menu will move up as far as I define it to go. So now I can’t figure out how to collapse the rest of the “blank row” and would have a wide space between the bottom of the slider and the next chunk of content.

As a work around, I added a full width three column row, but now my right hand margin doesn’t look right. also- on this page, I have two menus showing in firefox and can’t figure out how to solve this…
http://wp.metrocleanonline.com/index.php/commercial-cleaning

13

Hey DAW Digital,

Can you try adding the extra classname to the row and change the CSS to .class .fl-row-content-wrap so it looks like this?

.class .fl-row-content-wrap {
  position: relative;
  top: -135px;
}

Ben