Menu Mobile Box Shadow

  • Resolved louiswebsdale

    (@louiswebsdale)


    4 years, 10 months ago

    Hi there,

    My website is redundant link deleted

    Is there a way with custom css to remove the box shadow on the dropdown of the menu for only the mobile and tablet version?

    • This topic was modified 4 years, 10 months ago by Jan Dembowski.

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Sarah Snow

    (@arasae)

    4 years, 10 months ago

    Hi there,

    Yes, this is possible with CSS. However, when I looked at the mobile version of your website, this is what I see:

    https://d.pr/i/aOKjjW

    Are you looking to remove that blue background color, or something else? Could you perhaps take a screenshot of what you’re looking at so I can take a closer look?

    Thank you!

    Thread Starter louiswebsdale

    (@louiswebsdale)

    4 years, 10 months ago

    Hi Sarah,

    Thank you for your reply.

    I mean the box shadow on the bottom of the whole menu, sorry if I was confusing.

    Here is a screenshot: https://imgur.com/a/jQbOZVf

    Sarah Snow

    (@arasae)

    4 years, 10 months ago

    Hi again,

    My CSS is a little bit rusty, so apologies if this doesn’t quite do the trick. Give this code a shot by pasting it into your CSS editor:

    @media screen and (min-width: 767px) .elementor-nav-menu--dropdown {
box-shadow: none;
}

    And see if that does the trick. 🙂 That should remove it from tablets and mobile devices only provided my code is up to the task!

    Thread Starter louiswebsdale

    (@louiswebsdale)

    4 years, 10 months ago

    Hi Sarah,

    Thank you for your help.

    I added the code into the custom css of the nav menu widget and it did not work (see screenshot).

    https://imgur.com/a/K3dEsEU

    It said expected LBRACE at line 1, col 38

    Thread Starter louiswebsdale

    (@louiswebsdale)

    4 years, 10 months ago

    Hi Sarah,

    I have managed to remove the box shadow with the following code:

    @media (max-width: 767px) {
    .elementor-nav-menu–dropdown {
    box-shadow: none!important;
    }
    }

    Thanks again for your help.

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Menu Mobile Box Shadow’ is closed to new replies.