Top Menu Border

[njaywhy]

Hi i am a new user to prestashop and need some help here

 

 

as seen in the pic above, there are borders in the top menu, and i would like to increase size of the borders by a little. However i am not sure which file and parts i should edit. Pls help me

[PeterDesouza]

Hello

 

 

you need to change in blocktopmenu module's  superfish-modified.css file.

css file path will be RootDir/themes/yourtheme/css/modules/blocktopmenu/css/superfish-modified.css.

 

you need to find below code

.sf-menu {

    background: none repeat scroll 0 0 #f6f6f6;
    border-bottom: 3px solid #e9e9e9;
    padding: 0;
    position: relative;
    width: 100%;
}

And you need to jus increase the value of border-bottom like  border-bottom: 5px solid #e9e9e9; OR  border-bottom: 6px solid #e9e9e9;

[Paulito]

Hello

 

I am not quite sure what you mean by borders but, if you want to:

Change this:

http://screencast.com/t/qWmOxLgB

 

To this:

http://screencast.com/t/AwYGWGSHmsAB

 

Then go to:

superfish-modified.css

Around line 40 and change this: 1px to whatever you require

.sf-menu > li {

  float: left;

  border-right: 1px solid #d6d4d4;

  margin-bottom: -3px; }

  @media (max-width: 767px) {

    .sf-menu > li {

      float: none;

      position: relative;

      border-right: none; }

      .sf-menu > li span {

        position: absolute;

        right: 6px;

 

Paul

 

Edit: Apologies, we seem to have answered at around the same time

Edited June 20, 2014 by Paulito (see edit history)

[njaywhy]

 

Hello

 

 

you need to change in blocktopmenu module's  superfish-modified.css file.

css file path will be RootDir/themes/yourtheme/css/modules/blocktopmenu/css/superfish-modified.css.

 

you need to find below code

.sf-menu {

    background: none repeat scroll 0 0 #f6f6f6;
    border-bottom: 3px solid #e9e9e9;
    padding: 0;
    position: relative;
    width: 100%;
}

And you need to jus increase the value of border-bottom like  border-bottom: 5px solid #e9e9e9; OR  border-bottom: 6px solid #e9e9e9;

 

 

 

 

Hello

 

I am not quite sure what you mean by borders but, if you want to:

Change this:

http://screencast.com/t/qWmOxLgB

 

To this:

http://screencast.com/t/AwYGWGSHmsAB

 

Then go to:

superfish-modified.css

Around line 40 and change this: 1px to whatever you require

.sf-menu > li {

  float: left;

  border-right: 1px solid #d6d4d4;

  margin-bottom: -3px; }

  @media (max-width: 767px) {

    .sf-menu > li {

      float: none;

      position: relative;

      border-right: none; }

      .sf-menu > li span {

        position: absolute;

        right: 6px;

 

Paul

 

Edit: Apologies, we seem to have answered at around the same time

 

 

Firstly, thanks for the help. Yes, i am trying to increase the size of the sides and bottom borders. However, both the methods that were suggested doesnt seems to work. Is there any other way to do it?

[vekia]

hello

you mean these borders:

 

 

?