Rounded corners in navigation menu

  • Resolved karan1a

    (@karan1a)


    5 years, 3 months ago

    I am quite new to CSS so please forgive me if the question that I am going to ask has an apparent answer.

    I am trying to round the corners in my navigation menu. I have added the background colour as transparent white but the filled colour is taking up a boxed shape and I want to smooth the corners (add the border radius/round the corners). In the screenshots below, I have also shown the HTML code that concerns the navigation menu. Moreover, the id of the navigation menu is “nav-menu-header” the navigation menu in question is a part of the header built using the plugin “Elementor – Header, Footer & Blocks Template” by Brainstorm Force, Nikhil Chavan.

    The screenshots can be seen here:
    https://photos.app.goo.gl/iE7pKHTJRQmfdLhq6

    I would appreciate it if someone can guide me here.
    Thanks in advance 🙂

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Support Team Brainstorm Force

    (@brainstormteam)

    5 years, 3 months ago

    Hello @karan1a

    Thanks for the image.

    However, we will need to see the website link to provide the CSS. Also, it will be helpful if you can provide an example of the output.

    Looking forward to hearing from you.

    Regards,
    Rahul.

    Thread Starter karan1a

    (@karan1a)

    5 years, 3 months ago

    Thanks for your response. Instead of adding the background color in navigation menu, I filled the color using the Elementor’s ‘Advanced’ option and rounded the corners using the border radius option. However, I was not able to round the corners using CSS. But the purpose has been solved and thanks again for getting back

    Plugin Support Team Brainstorm Force

    (@brainstormteam)

    5 years, 3 months ago

    Hello @karan1a

    I understood the scenario.

    Thanks for the information.

    Have a nice day!

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

The topic ‘Rounded corners in navigation menu’ is closed to new replies.