X-Cart forums - Newbie needs to modify CSS...

X-Cart forums (https://forum.x-cart.com/index.php)

- Dev Questions (X-Cart 5) (https://forum.x-cart.com/forumdisplay.php?f=56)

- - Newbie needs to modify CSS... (https://forum.x-cart.com/showthread.php?t=74221)

Newbie needs to modify CSS...

Hi!

So, I'm using the ToolStore template from xcart, and when the window is a certain size, the navbar ends up getting pushed down below the logo, so that there ends up being a ton of whitespace at the top (see first screenshot). The width of the navbar is "100%".

In the second screen, I unchecked "width: 100%" in chrome's css elements, and it displays correctly as shown in second screenshot.

So my question is, where do I edit, to make this CSS change?

thanks!!!

Re: Newbie needs to modify CSS...

So the code you want to add is:

Code:

@media (max-width: 1199px) and (min-width: 992px) {

  .navbar-inverse ul#top-main-menu {

    width: auto;

  }

}

You can add it in a couple places, the best one being in your own custom module. If you are comfortable building a custom module that is whaere you should do it. If you are looking for an easier way, you can add this snippet under Look and Feel-> Custom CSS. If you are already using custom CSS (the use custom CSS box is checked) then just add it to the bottom of the file and save. If not, check the box, empty the code that is there if any, and then add your snippet and save.

Re: Newbie needs to modify CSS...

Awesome, thanks! I added it to custom CSS, works great.