infiniti wrote:Thank you Peter for your response, it solved both the problems. One more thing is that my category names are long so the box in the mega menu is cutting the letters at the end of a long name instead it should wrap the text if the name is long. Also is there a way that the pictures are not shown in the menu and only categories are shown in the grid.
Hi there,
This can solve the issue with the long word if you add this styles below. Please add the styles in the custom head styles.
.header.normal .mega-menu .dropdown.categories.fullWidth .box .title a {
word-wrap: break-word;
}
There is just one small disadvantage, that this style breaks the word incorrectly (you can have only one letter in new line, which is not correct).
Unfortunately there is no other way to solve this problem.
If you want to remove the images, you should add the following code in the custom head styles (in case you want it back, just delete or comment the code).
@media all and (min-width: 1001px) {
.header.normal .mega-menu .dropdown.categories.fullWidth .box .picture {
display: none;
}
.header.normal .mega-menu .dropdown.categories.fullWidth .box::after {
display: none;
}
.header.normal .mega-menu .dropdown.categories.fullWidth .box {
margin: 0 5px 10px;
width: 228px;
}
}
Now this code will hide the images in the categories and it will provide little more space for the title and categories.