Jump to content

how remove gap between top horizontal menu and slider in home page


Recommended Posts

Edit superfish-modified.css file and change the following, the file can be found here

..modules/blocktopmenu/css/superfish-modified.css

 

Change This:

 

/*** DEMO SKIN ***/

.sf-menu {

float: left;

margin-bottom: 1em;

}

 

To This:

 

/*** DEMO SKIN ***/

.sf-menu {

float: left;

margin-bottom: -14px;

}

Edited by tdr170 (see edit history)
  • Like 3
Link to comment
Share on other sites

  • 1 year later...

I want to remove the gap between top horizontal menu and slider in home page for Prestashop 1.6. I used "tdr170" post with some other editing but now the top menu is half one color and the other half another. The code is like this:

 

ORIGINAL CODE:

 

.sf-menu {
  position: relative;
  padding: 0;
  width: 100%;
  border-bottom: 3px solid #F1B50E;
  background: #f6f6f6; }
  @media (max-width: 767px) {
    .sf-menu {
      display: none; } }
 
.sf-menu > li {
  float: left;
  border-right: 1px solid #f6f6f6;
  margin-bottom: -3px; }
 
EDIT CODE:
 
.sf-menu {
  position: relative;
  padding: 0;
  width: 100%;
  border-bottom: -27px solid #F1B50E;
  background: #f6f6f6; }
  @media (max-width: 767px) {
    .sf-menu {
      display: none; } }
 
.sf-menu > li {
  float: left;
  border-right: 1px solid #f6f6f6;
  margin-bottom: -27px; }

 

---------------------------------------------------------------

 

How can I put only one color for the top menu like the way it was the first time?

post-535628-0-27738700-1418218059_thumb.png

post-535628-0-30479100-1418218064_thumb.png

Link to comment
Share on other sites

  • 11 months later...
×
×
  • Create New...