Rounded Edges on Navigation Drop Down Menus - Forum

  1. Portal Home
  2. Forum
  3. EverWeb
  4. How do I...?

This discussion started in April 2017. EverWeb has changed a lot since then, so some answers may no longer apply.

These current help articles may help:

Find up-to-date answers in the EverWeb help articles. Still stuck? Start a new thread or contact support.

Rounded Edges on Navigation Drop Down Menus



User: Keith R. 9 years ago
Hi All,
I need to create some drop down menus like on this site created in Everweb - how do I achieve the rounded edges at the bottom etc.

http://www.synergyschoolradio.com/index.html

Many Thanks
Keith
User: Roddy 9 years ago
Instructions for changing some of the styles of the EverWeb default navigation are given HERE.

This is what is required to remove the separator (if any) from the last item and add a border radius to the bottom ...

<style type="text/css">
#navmenu_menu0 ul li.hover ul li:last-child a {
border: none;
border-radius: 0 0 10px 10px;
}
</style>

Adjust the two values of 10px if required.

The code is inserted into the site wide Head Code box if required on every page of the site. Open "Site Publishing Settings" by selecting the site name at the top of the left column in EverWeb.

Here's some info about Code Insertion and removing comments in code snippets.

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.


Post Reply
You must login or signup to post.