[solved] How to locate and chage .css

[mstevanic]

Hello Everyone,

if somebody can answer where that changes and spread the top horizontal menu?

 

I think of these few millimeters that can be seen in the picture?

 

Thank you in advance for your help and advices

[vekia]

hello

you just mean that you want to remove this last bar ? or to cut the width of the menu where the bar appears?

[mstevanic]

 

hello

you just mean that you want to remove this last bar ? or to cut the width of the menu where the bar appears?

 

Hi,yes.. whatever it is easier and simpler..? thanx

[mstevanic]

Okay then..how to remove this last bar? Thanx

[vekia]

hello

 

in css styles use this:
 

.sf-menu li:last-child {
  border-right:none;
}

then this bar will disappear

[mstevanic]

Hi Vekia,

whether this file is located in global.css or..?

please help me to find exactly where it is because I do not know..

I apologize for the beginner questions..

Thanx

[dioniz]

It's in themes/default-bootstrap/css/modules/blocktopmenu/css/superfish-modified.css

[mstevanic]

Thanx for answer me..but i dont have this line..this is mine superfish-modified.css

 

 

/*** ESSENTIAL STYLES ***/
.sf-contener {
  clear: both;
  float: left;
  width: 100%; }

.sf-menu,
.sf-menu * {
  margin: 0;
  padding: 0;
  list-style: none; }

.sf-menu {
  position: relative;
  padding: 0;
  width: 100%;
  border-bottom: 3px solid #e9e9e9;
  background: #f6f6f6; }
  @media (max-width: 767px) {
    .sf-menu {
      display: none; } }

.sf-menu ul {
  position: absolute;
  top: -999em;
  background: white; }
  @media (max-width: 767px) {
    .sf-menu ul {
      position: relative; } }

.sf-menu ul li {
  width: 100%; }

.sf-menu li:hover {
  visibility: inherit;
  /* fixes IE7 'sticky bug' */ }

.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;
        top: 20px;
        width: 30px;
        height: 30px;
        z-index: 2; }
        .sf-menu > li span:after {
          font-family: "FontAwesome";
          content: "\f067";
          font-size: 26px; }
        .sf-menu > li span.active:after {
          content: "\f068"; } }
  .sf-menu > li > a {
    font: 600 18px/22px "Open Sans", sans-serif;
    text-transform: uppercase;
    color: #484848;
    display: block;
    padding: 17px 20px;
    border-bottom: 3px solid #e9e9e9; }
  .sf-menu > li.sfHover > a,
  .sf-menu > li > a:hover, .sf-menu > li.sfHoverForce > a {
    background: #333333;
    border-bottom-color: #666666;
    color: white; }

.sf-menu li li li a {
  display: inline-block;
  position: relative;
  color: #777777;
  font-size: 13px;
  line-height: 16px;
  font-weight: bold;
  padding-bottom: 10px; }
  .sf-menu li li li a:before {
    content: "\f105";
    display: inline-block;
    font-family: "FontAwesome";
    padding-right: 10px; }
  .sf-menu li li li a:hover {
    color: #333333; }

.sf-menu li ul {
  display: none;
  left: 0;
  top: 59px;
  /* match top ul list item height */
  z-index: 99;
  padding: 12px 0px 18px 0px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 13px;
  -moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 13px;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 13px; }
  @media (max-width: 767px) {
    .sf-menu li ul {
      top: 0; } }

.sf-menu li li ul {
  position: static;
  display: block !important;
  opacity: 1 !important;
  background: none;
  -webkit-box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px;
  -moz-box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px;
  box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px; }

.sf-menu li li li ul {
  padding: 0 0 0 20px; }

.sf-menu li li li ul {
  width: 220px; }

ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
  top: -999em; }

ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
  left: 200px;
  /* match ul width */
  top: 0; }

ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
  top: -999em; }

ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
  left: 200px;
  /* match ul width */
  top: 0; }

.sf-menu > li > ul {
  padding: 26px 30px 31px;
  width: 100%; }
  .sf-menu > li > ul > li > a {
    text-transform: uppercase;
    font: 600 16px/20px "Open Sans", sans-serif;
    color: #333333; }
    .sf-menu > li > ul > li > a:hover {
      color: #515151; }

.sf-menu > li > ul > li {
  float: left;
  width: 20%;
  padding-right: 15px; }
  @media (max-width: 767px) {
    .sf-menu > li > ul > li {
      width: 50%; } }
  @media (max-width: 479px) {
    .sf-menu > li > ul > li {
      width: 100%; } }
  @media (min-width: 768px) {
    .sf-menu > li > ul > li.first-in-line-lg {
      clear: left; } }
  @media (min-width: 480px) and (max-width: 767px) {
    .sf-menu > li > ul > li.first-in-line-xs {
      clear: left; } }

.sf-menu > li > ul > li#category-thumbnail {
  width: 100% !important;
  float: none;
  clear: both;
  overflow: hidden;
  padding-right: 0; }
  .sf-menu > li > ul > li#category-thumbnail > div {
    float: left;
    padding-left: 10px;
    width: 33.333%; }
    @media (max-width: 479px) {
      .sf-menu > li > ul > li#category-thumbnail > div {
        width: 100%;
        padding-left: 0;
        padding-top: 10px;
        text-align: center; } }
    .sf-menu > li > ul > li#category-thumbnail > div:first-child {
      padding-left: 0; }
    .sf-menu > li > ul > li#category-thumbnail > div img {
      max-width: 100%;
      display: block; }

.cat-title {
  display: none; }
  @media (max-width: 767px) {
    .cat-title {
      display: block;
      font: 600 18px/22px "Open Sans", sans-serif;
      text-transform: uppercase;
      color: #484848;
      display: block;
      padding: 17px 20px;
      border-bottom: 3px solid #e9e9e9;
      background: #f6f6f6;
      position: relative; }
      .cat-title:hover {
        background: #333333;
        border-bottom-color: #666666;
        color: white; }
      .cat-title:after {
        display: block;
        font-family: "FontAwesome";
        content: "\f067";
        position: absolute;
        right: 15px;
        top: 18px;
        font-size: 26px; }
      .cat-title.active:after {
        content: "\f068"; } }

.sf-menu li.sf-search {
  border: none; }
  .sf-menu li.sf-search input {
    display: inline;
    padding: 0 13px;
    height: 30px;
    line-height: 30px;
    background: white;
    margin: 13px 10px 0 0;
    font-size: 13px;
    color: #9c9b9b;
    border: 1px solid #d6d4d4; }
 

 

Would you check it in mine superfish-modified.css and telll me what to change?

 

Thanx

[dioniz]

Just add code vekia gave you to the file

[mstevanic]

I'll put this code into the end of this my file..but still same..

 

in Firefox and IE11 show this" last child bar" , only in chrome is good ??

 

Any sugestion how to solved this my prob.?

 

Thanx

[dioniz]

try to clear browser cache

[mstevanic]

Thanx dioniz..but is same..check it www.satshop.rs

[dioniz]

Oh it's because you are using theme6. Try to put that code in yourdomain/modules/themeconfigurator/css/theme6.css

[mstevanic]

Same..

[mstevanic]

Any help? Please..tell me how to remove this last bar? Thanx

[LinhNguyen]

 yourdomain/modules/themeconfigurator/css/theme6.css

.sf-menu li:last-child {

  border-right: none!important;

}

[mstevanic]

This is my theme6.css..

 

would you check it please..thanx

 

 

theme6.css

[dioniz]

You didn't put !important as Linh told you

[mstevanic]

Sorry.. I enrolled and I stand in line 93,right?

[dioniz]

Yep

[LinhNguyen]

u should put the code in superfish-modified.css

[intermediadorpopular]

How do I delete the last column and keep the total size, 

only widen the last window?

[mstevanic]

Incredibly, despite the entered code to the right place on my last column shows on the menu bar. What to do as I removed since these two methods apparently I fail?

[El Patron]

tip: right click  any element on your front office, 'inspect element' (maybe different verbiage for different browser), use ff or chrome.

 

it will tell you what .css is related to any element and where it is defined, including line number.

[mstevanic]

Success !!! I finally managed

 

code from Vekia:

 

 

.sf-menu li:last-child {
  border-right:none;
}

 

I enrolled in:

 

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

 

at the bottom of the file, and now everything is ok

 

I thank you all for your help