Return to previous page

Static Blocks in Mega Menu, Main Menu - by thisisbolo

This topic has 14 replies, 3 voices, and was last updated 6 years ago ago by Rose Tyler

thisisbolo

Participant

October 22, 2018 at 17:39

Hi – I noticed with the last theme update, it created a bit of a ripple effect on the display of static blocks in the main menu when using Visual Composer ‘Row Settings’.

See settings for Row Stretch, default, stretch row, stretch row and content, etc.

I’ve had to revert back to the previous theme update in my life environment but you can replicate this issue by creating a static block in mega menu and try and plug in columns, etc. and you’ll see what I mean.

Take a look at my ‘Private Content’

Please, contact administrator
for this information.

#201476 Copied

13 Answers

thisisbolo

Participant

October 22, 2018 at 19:54

Ok – it seems like the ‘stretch row’ is a bit of a culprit in the static block. It get’s all messed up if you move from default to stretch row in the row settings.

#201488 Copied

Olga Barlow

Support staff

October 23, 2018 at 11:23

Hello,

Stretch row option is to stretch the row bg outside the default container. This option is good for the rows in the page content to make full-width row but I don’t understand why do you need that for the row in the menu? Can you provide me the mockup of the mega menu that you are trying to implement?

Regards

#201522 Copied

thisisbolo

Participant

October 23, 2018 at 11:55

Hi Olga, see below in private content. I would need to recreate my existing menus in the new theme update.

Please, contact administrator
for this information.

#201524 Copied

Rose Tyler

Support staff

October 23, 2018 at 12:45

Hello,

What theme version do you use on site?
Do you have a staging/dev site with the latest theme version?

Regards

#201537 Copied

thisisbolo

Participant

October 23, 2018 at 18:52

Hi Olga/Rose,

Thank you for your responses. On production, I’m using theme version 5.0.3.

In my dev environment (which unfortunately I only have setup locally at the moment via MAMP), I’m testing through theme version 5.1

So what’s happening, and I’m certain you’ll be able to replicate.

Create a static block with default row settings. Either split that row into 3 or more columns or add a row within there and split that row.

At the default row settings, it renders fine but at stretch row, it breaks the column settings.

I would think that those row settings should work within the bounds of that static block. Make sense?

See my attached images. Hopefully this’ll help? Ultimately, I’m trying to replicate my existing menu prior to this new update.

Please, contact administrator
for this information.

#201562 Copied

Olga Barlow

Support staff

October 24, 2018 at 18:02

Hello,

We have passed your issue to our developers and inform you once they fix the problem.
Sorry for the inconvenience.

Regards

#201641 Copied
Rose Tyler

Support staff

October 25, 2018 at 07:36
Hello,

Please add simple-hover custom class for your menu item, for example http://prntscr.com/la72ot + this custom css code in Theme Options > Custom css > Global custom css:
```
.simple-hover .nav-sublist-dropdown {
    display: block;
    opacity: 0;
    visibility: hidden;
}
.simple-hover:hover .nav-sublist-dropdown {
    opacity: 1;
    visibility: visible;
}
```
Regards
#201657 Copied
thisisbolo

Participant

October 28, 2018 at 00:57

Thank you Rose. This did the trick. I was able to successfully migrate from dev to production and update the theme to the latest release. I appreciate the help and support from yourself and Olga. I’m a heavy user of this theme and have been trying to push the boundaries of this within child theme customizations while staying also staying within the the boundaries of the updates 8theme’s been releasing.

If you look at my existing menu, you’ll see that I had to ‘cheat’ (make this full width menu and alter the .nav sublist background) this through CSS however it creates a gap with the UX when user’s hover off the menu. I’ve also noticed this in our Hotjar insights and have been tracking it.

Are there any plans to give theme users the option to center the .menu-static-block .nav-sublist-dropdown OR could you suggest how I can achieve this through CSS? I tried to overwrite the .menu-static-block nav-sublist-dropdown CSS but default css get’s plugged inline dynamically for the menu dropdown.

#201835 Copied

Rose Tyler

Support staff

October 29, 2018 at 13:36

Hello,

Sorry, but your problem in a bit unclear for me. Please provide screenshots for better understanding + site URL and temporary wp-admin access.

Regards

#201894 Copied

thisisbolo

Participant

October 30, 2018 at 04:23

Hi Rose,

Sure thing. See private content.

Please, contact administrator
for this information.

#201949 Copied
Rose Tyler

Support staff

October 31, 2018 at 09:48
Hello,

Thanks for the video.
Please try to add this custom css code also:
```
.menu-static-block.nav-sublist-dropdown {
    pointer-events: none;
}
.menu-static-block.nav-sublist-dropdown .block-container {
    pointer-events: auto;
}
```
Unfortunately, there is no possibility to achieve the desired alignment in another way.

Regards
#202050 Copied
thisisbolo

Participant

October 31, 2018 at 15:06

@rosetyler This did the trick. Thank you very much for your help!

#202071 Copied

Rose Tyler

Support staff

October 31, 2018 at 15:09

You’re welcome!

Regards

#202072 Copied
Viewing 14 results - 1 through 14 (of 14 total)