Top Horizontal Menu Modification - Shape And Background

[Derick63]

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

[NemoPS]

Could you share the site's url?

[ballysa]

Good Morning

 

Need support

top menu need same as attached picture.(provide me code )

move logo on nav bar near to contact number (code)

Edited December 5, 2015 by ballysa (see edit history)

[NemoPS]

It's impossible to help you without seeing the site. Anyway you should hire a coder if you just want it done quickly

[Derick63]

Could you share the site's url?

 

Hello Nemo,

My site isn't live at the moment and it can't go live as yet. I attached the superfish-modified.css file for you to take a look at. There are two screen captures in my original post above, one after the first sentence and after the second sentence.

 

superfish-modified.css