Close

Feature Requests

Support
3 years ago
#10019 Quote
Avatar
  • Moderator
  • 1002
Help make Nop-Templates products better. Share your ideas or feature requests related to the Nop Brooklyn Theme for nopCommerce.
prateek.shah
3 years ago
#10263 Quote
Avatar
  • 28
Hello,

I am planning to buy this theme but I prefer a sticky header like you have in your theme Allure and couple of other themes.

Is it possible to add sticky header in this theme?

Kindly suggest.
nikola.dragiev
3 years ago
#10266 Quote
Avatar
  • Moderator
  • 151
Hello,

It is very easy to achieve that effect. You will have to add this css code to your Custom Head Styles textfield (it is located in your nopCommerce Administration -> Plugins -> Seven Spikes Themes -> Nop Brooklyn Theme -> Settings):

@media all and (min-width: 1001px) {

.header-menu.stick {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background: #fff;
  padding: 11.5px 0;
  text-align: center;
  box-shadow: 0 8px 8px rgba(0,0,0,.085);
}
.header-menu>ul {
  display: block;
  width: auto;
}

}




Best regards,
Nikola Dragiev
Nop-Templates.com
prateek.shah
3 years ago
#10342 Quote
Avatar
  • 28
Hello,

This works perfect, thanks.

Can you suggest how do I add small logo to sticky menu. The logo will be different from the actual store logo. Kind of compact version.
nikola.dragiev
3 years ago
#10347 Quote
Avatar
  • Moderator
  • 151
Hello,

This will be a little more trickier. You will have to open your Header.cshtml view located in Themes\Brooklyn\Views\Shared folder and add your link on line 72 like that:
<img class="menu-img" alt="#" src="the physical path to your image">


then you will have to modify the custom css we added to look like that:

.header-menu .menu-img {
  display: none;
}


@media all and (min-width: 1001px) {

.header-menu.stick {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background: #fff;
  padding: 11.5px 0;
  text-align: center;
  box-shadow: 0 8px 8px rgba(0,0,0,.085);
}
.header-menu>ul {
  display: block;
  width: auto;
}
.header-menu.stick .menu-img {
  display: inline-block;


}


p.s. The bold styling is the one you have to add. 
Best regards,
Nikola Dragiev
Nop-Templates.com
prateek.shah
3 years ago
#10354 Quote
Avatar
  • 28
Ok, thanks. Will try this and update.

In the mean time, I see another issue. On home page, I have featured categories. But I don't see title of categories at all. Only the image is displayed.

I tried toggling between hover effect 1 & 2, but none of them shows the title of categories as seen in the demo.

Attached is the snapshot of the same.

prateek.shah
3 years ago
#10355 Quote
Avatar
  • 28
[url=http://postimg.org/image/58inkzg1z/full/][/url]
prateek.shah
3 years ago
#10357 Quote
Avatar
  • 28
My display resolution is 1920x1080;

When I simulate the site in different resolutions, I see that the titles are visible on small screen devices. For.e.g. iPhone, iPad etc. See attached picture.

prateek.shah
3 years ago
#10358 Quote
Avatar
  • 28
http://postimg.org/image/62osrmh23/
nikola.dragiev
3 years ago
#10363 Quote
Avatar
  • Moderator
  • 151
Hello,

In the Brooklyn theme the category titles are displayed in both category item layouts and you can see that in the demo. It looks like there is a problem on your website. Will it be possible for you to send us a livestore link(you can send it in personal message if you don't want your website to appear on public yet) and we can investigate there what the problem is.
Best regards,
Nikola Dragiev
Nop-Templates.com