1. I will need to see your site live and check what the content below the footer can be, as this is not a known issue for us and it can be caused by a 3rd party plugin.
2. Add this CSS to Custom CSS to add a border and background to the sub-menus:
.standard-menu-container div.menu>ul ul, .standard-menu-container ul.menu ul {
border: 1px solid #000 !important;
background: #FFF !important;
}
.main-header.menu-type-standard-menu .standard-menu-container div.menu>ul ul li a, .main-header.menu-type-standard-menu .standard-menu-container ul.menu ul li a {
color: #000 !important;
}
.standard-menu-container.menu-skin-dark div.menu>ul ul li a:after, .standard-menu-container.menu-skin-dark ul.menu ul li a:after {
background-color: #000 !important;
}
At the moment, I'm building my website locally so I don't think you'll be able to access it. I'll have a look at the plug ins I'm using to see if there's something wrong with them.
Thank you for the custom CSS. In order to have the sub-menus transparent, or to change their opacity, do I have to adjust the css code?
Then let us know when you put the site online and we will check what the problem could be.
Regarding the transparency of the sub-menu then use this CSS instead of the previous one:
.standard-menu-container div.menu>ul ul, .standard-menu-container ul.menu ul {
background: rgba(255,255,255,0.5) !important;
}
.main-header.menu-type-standard-menu .standard-menu-container div.menu>ul ul li a, .main-header.menu-type-standard-menu .standard-menu-container ul.menu ul li a {
color: #000 !important;
}
.standard-menu-container.menu-skin-dark div.menu>ul ul li a:after, .standard-menu-container.menu-skin-dark ul.menu ul li a:after {
background-color: #000 !important;
}
To tweak the transparency change this line:
background: rgba(255,255,255,.5) !important;
Where the 0.5 indicates the value from 0 to 1 of the box transparency.
Thanks a lot for the reply! Very useful! I was wondering, if I want the box to be a specific colour, regardless on the colour of the text inside, which line do I have to work on?
Hi,
I've got two questions and I hope you'll be able to help me.
1: When I scroll down my website, it doesn't stop at the footer but it keeps going down where there's nothing to show. How can I fix it?
2: Is it possible to have the boxes of a sub menu transparent or with just the borders highlighted? So getting rid of the black inside of them?
Thanks a lot,
Daniele
Hi Daniele,
1. I will need to see your site live and check what the content below the footer can be, as this is not a known issue for us and it can be caused by a 3rd party plugin.
2. Add this CSS to Custom CSS to add a border and background to the sub-menus:
.standard-menu-container div.menu>ul ul, .standard-menu-container ul.menu ul { border: 1px solid #000 !important; background: #FFF !important; } .main-header.menu-type-standard-menu .standard-menu-container div.menu>ul ul li a, .main-header.menu-type-standard-menu .standard-menu-container ul.menu ul li a { color: #000 !important; } .standard-menu-container.menu-skin-dark div.menu>ul ul li a:after, .standard-menu-container.menu-skin-dark ul.menu ul li a:after { background-color: #000 !important; }Best regards,
Laborator Team
Hi Art,
Thank you for your quick reply!
At the moment, I'm building my website locally so I don't think you'll be able to access it. I'll have a look at the plug ins I'm using to see if there's something wrong with them.
Thank you for the custom CSS. In order to have the sub-menus transparent, or to change their opacity, do I have to adjust the css code?
Thanks a lot,
Daniele
Hi Daniele,
Then let us know when you put the site online and we will check what the problem could be.
Regarding the transparency of the sub-menu then use this CSS instead of the previous one:
.standard-menu-container div.menu>ul ul, .standard-menu-container ul.menu ul { background: rgba(255,255,255,0.5) !important; } .main-header.menu-type-standard-menu .standard-menu-container div.menu>ul ul li a, .main-header.menu-type-standard-menu .standard-menu-container ul.menu ul li a { color: #000 !important; } .standard-menu-container.menu-skin-dark div.menu>ul ul li a:after, .standard-menu-container.menu-skin-dark ul.menu ul li a:after { background-color: #000 !important; }To tweak the transparency change this line:
Where the 0.5 indicates the value from 0 to 1 of the box transparency.
Best regards,
Laborator Team
Hi Art,
Thanks a lot for the reply! Very useful! I was wondering, if I want the box to be a specific colour, regardless on the colour of the text inside, which line do I have to work on?
Thanks
Hi again,
It is the first line:
The color is 255,255,255 which is a RGB color code while the 0.5 indicates the transparency of that color.
Best regards,
Laborator Team