Hello all.
I am trying to get rid of the blank area to the right of the last link button of my Top Horizontal Menu. See attached file current.jpg
I want to get it to look like attached file New.jpg
Modified file: /themes/default-bootstrap/css/modules/blocktopmenu/css/superfish-modified.css
Modifications: I changed the height of the menu and added a radius to the corners of 9px. (Lines 11 & 12)
8 .sf-menu * {
9 margin: 0;
10 padding: 0;
11 height: 40px; /* Added new height */
12 border-radius: 9px; /* Added new border radius */
13 list-style: none; }
I use Google Chrome as my browser. I right clicked the blank area of the menu element in question and selected "Inspect Element" then changed two parameters to "none" to see what it would look like and it worked but I can't seem to duplicate the result in superfish-modified.css See attached file SetToNone.jpg
Thanks in advance