Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #335668
    HansH
    Participant

    Hello team,

    I a trying to make a website in elevate biz to show it will work. Now I see that the menu on the iPhone isn’t visible.

    Of course I will do something wring, but: is it possible to look at it?

    Kind regards

    Hans Hagmeijer

    #335671
    minal
    Keymaster

    Hello  @Hansh

    can you share your site Url so that we can go thoroughly to see what happens?

    Sincerely,
    Minal

    #335674
    HansH
    Participant

    Hello Minal,

    It is test.woonzorgdashboards.nl. I hope you can discover what happened.

    Kind regards

    Hans Hagmeijer

     

    #335681
    minal
    Keymaster

    Hello Hansh,

    Here is the css for the mobile menu icon to show, It is not showing because the menu icon has a white color and the background color is also white so it is not visible.

    to make it visible add below CSS snippet on your additional CSS

    button.wp-block-navigation__responsive-container-open {
       color: #000;
    }

    Add your desired color code on the given CSS code

     

    Sincerely,

    Minal

     

    #335687
    HansH
    Participant

    Hello Minal,

    Thank you for answering.This css didn’t work.
    If I look at my iPhone, I don’t see anything, but after a number of tappings the menu works, but the button stays invisible.
    Strange thing: I made another subdomain: tweede.woonzorgdashboards.nl and here the menu on iPhone works fine.
    I think I did something wrong at test.woonzorgdashboards.nl but I haven’t any idea what.

    Kind regards

    Hans Hagmeijer

    #335693
    minal
    Keymaster

    Hello hansh,

    It seems you have set the foreground color to dark in  tweede.woonzorgdashboards.nl so it is visible

    Capture

    and in you set the foreground color to white so that it is not visible

    Capture

    Try changing the color to see if it works.

    have you added color from additional CSS for a button?

    Sincerely,

    Minal

    #335696
    HansH
    Participant

    Hello Minal,

    Thank you for answering. I think I did all you prescribed, but it didn’t work (for me :-))

    IN test.woonzorgdashboards I added css. You can see it here 
    In this image you can see navigation in text.
    And the next step is making the site and navigation smaller. Then the navigation vanished, is invisible, but while I hover over the place of the menu, the hamburger menu occurs.

    What color I change, the situation doesn’t change.

    Kind regards

    Hans Hagmeijer

    #335698
    minal
    Keymaster

    Hello Hansh,

    I noticed you added the color code wrong there,

    Instead of color: #000; you added color: #0000( i.e extra 0 )

    you should add like

    button.wp-block-navigation__responsive-container-open {
    
      color: #000;
    
    }

    first, try it by removing the CSS that you have added and if it does not work try to add that CSS snippet that I have given.

     

    Sincerely,
    Minal

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.