Okay
  Public Ticket #2263544
Footer doesn't end and menu box colour
Open

Comments

  • NomadDani started the conversation

    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

    Attached files:  Screen Shot 2020-01-07 at 19.37.49.png
      Screen Shot 2020-01-07 at 19.40.12.png

  •  848
    Art replied

    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;
    }
    

    Kind regards,
    Art


      Documentation        Follow on Envato         Like on Facebook

  • NomadDani replied

    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

  •  848
    Art replied

    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:

    background: rgba(255,255,255,.5) !important;
    

    Where the 0.5 indicates the value from 0 to 1 of the box transparency.

    Kind regards,
    Art


      Documentation        Follow on Envato         Like on Facebook

  • NomadDani replied

    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

  •  848
    Art replied

    Hi again,

    It is the first line:

    background: rgba(255,255,255,0.5) !important;
    

    The color is 255,255,255 which is a RGB color  code while the 0.5 indicates the transparency of that color.

    Kind regards,
    Art


      Documentation        Follow on Envato         Like on Facebook