Okay
  Public Ticket #3203430
Pagge submenu is transparent on mobile view making it illegible.
Closed

Comments

  •  20
    Jen started the conversation

    I have set the background colour for the on page submenu to #fffff but its overlaying the page content on mobile view. Can  you please  help

  •  20
    Jen replied

    on this page https://macdochfoundation.org/our-approach/

    the menu is not transparent on mobile view on this page

    so not sure why one is different from the other


  •  2,086
    Judith replied

    Hello Jen,

    Thanks for keeping in touch.

    I am not replicating this on my end. Please try clearing cache and check again:

    6690266984.png

    Thanks.

  •  20
    Jen replied

    it is fine on this page... but Not on the other page.. not sure why they are different

    https://macdochfoundation.org/programs-grants/

  •  2,086
    Judith replied

    Hi Jen,

    Please try this css:

    @media only screen and (min-width: 1px) and (max-width: 999px){
    .page-submenu ul {
        display: contents !IMPORTANT;
    } }

    Thanks.

  •  20
    Jen replied

    That is working and is displaying the menu opened on those pages.

    When opened do we need to show the menu title? And is there a way then on mobile view to hide this menu title and icon?

  •  2,086
    Judith replied

    Hi Jen,

    Please try this css:

    @media only screen and (min-width: 1px) and (max-width: 999px){
    .page-submenu .mobile-menu-link {
        display: none;
    } }

    Thanks.

  •  20
    Jen replied

    Judith

    I am seeing this issue on other sites. I believe one of the main issues now is that the menu is appearing OPEN on menu view rather than toggling open when the Menu word is clicked.

    Here is a test page with two menus. One with a background and one with a light bg. But both are remaining open and are covering content.

    https://www.thefoodcoachcourses.com.au/menu-test/


  •  20
  •  9,639
    Tahir replied

    Hey Again,

    Please remove the CSS provided earlier. The issue is caused by the "Centered Content" Feature being turned on in the Column Settings. 

    Once Unchecked the Sub Menu should work as intended. 

    See screenshot of the feature I am referring to: 

    5380052354.pngClick

    Thanks 


     Salient Support Team


  •  20
    Jen replied

    Thankyou. That did stop it remaining toggled however the top menu in this one is still transparent and now the content is appearing behind the below content.

    https://www.thefoodcoachcourses.com.au/menu-test/


  •  9,639
    Tahir replied

    Please remove all the CSS provided earlier regarding the sub-menu as well.

    Thanks 


     Salient Support Team


  •  20
    Jen replied

    I do not have any of that implemented on this site

  •  9,639
    Tahir replied

    Could you allow us to log in to your website backend dashboard so we can check on this for you more?. We are gonna need the username and password of admin user as well as the login url.

    Thanks 


     Salient Support Team