Profile: Deni
User posts
9 years ago
Hi,
Yes, that is the way it should be. It looks perfect!
9 years ago
I followed your instructions exactly. Even if I remove all CSS styling it still occurs. There must be something else going on in our design that is causing this.
Hi,
Maybe it is something in your CSS, because I have tested this on our demo and it is working flawlessly. Maybe if you provide link to your site I will show you what you are missing (if you do not want to expose your site here, you can submit a ticket in our ticketing system).
9 years ago
I'm having one issue. The search box is in the perfect location, but if I re-size my screen small to where the search box would disappear and then back to full screen, the location of the box moves up a good 50px from where it originally was and actually goes behind the header.
Any help on why it's doing this?
Any help on why it's doing this?
Hi,
If you have followed my steps strictly, you should not experience this behaviour. Please double-check that you have edited the rules inside the 980.css file. Also you can check via the browser what styles are applied to the search box at desktop resolution.
9 years ago
What's the process for moving the search back into the header?
The code for the search box is in the Header.cshtml file but I can't seem to figure out how to get it into the actual header on the page.
Any help is appreciated.
The code for the search box is in the Header.cshtml file but I can't seem to figure out how to get it into the actual header on the page.
Any help is appreciated.
Hi,
You can achieve this by following these steps:
1. Go to this file: \Themes\Nitro\Content\scripts\Nitro.js and find this row:
searchBoxBefore: ".page-title span, .page-title h1",
Edit it to be like this:
searchBoxBefore: ".header-links-wrapper",
2. Now it should need a little positioning styling, so go to this file: \Themes\Nitro\Content\css\980.css and find the rule:
.search-box {
...
}
Edit it like this:
.search-box {
font-size: 0;
position: absolute;
top: 45px;
left: 36%;
}
3. In the same file find this rule:
.header-selectors-wrapper {
...
}
and make it:
.header-selectors-wrapper {
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 1;
padding: 10px 0;
text-align: center;
}
That is all you need. I hope everything is clear.
9 years ago
Hi, can you please update the 3.40 version as well?
Thanks
Thanks
Hi,
We will plan this work with priority for the next week. We will let you know when it is done.
9 years ago
Maybe Smart Responsive theme support lazy loading?
Hi,
Unfortunately, the Smart theme does not have lazy loading functionality, but you can implement it easily via any jQuery lazy loading plugin.
9 years ago
When you click on the manufacturer page that shows them all and then click on the individual manufacturer and it lists all their products. Need to hide the add to cart/price there. Ideally it would be cool if that could be done per manufacturer.
Thanks Chris
Thanks Chris
Hi,
You can hide the add-to-cart/price by modifying the previous code like this:
.instant-search-item .detail .price,
.search-page .item-box .add-info,
.manufacturer-page .product-item .add-info {
display: none;
}
Unfortunately, you can not do this per manufacturer.
Thanks for the reply, I had tried changing that setting (confirmed in browser that the script value had changed to 768) but nothing changed, I´m going to check my css settings if they are also causing this to switch at 980px, My mega menu is heavily modified I just wanted to clarify where it changed in the script, too much work to troubleshoot if it would not be the right place.
I had to manually add in css hiding of the menu/responsive-menu after my change to 3.5 because otherwise on slow connections people could see both menus before the script hid the menu that was supposed to be hidden depending on the viewport
I had to manually add in css hiding of the menu/responsive-menu after my change to 3.5 because otherwise on slow connections people could see both menus before the script hid the menu that was supposed to be hidden depending on the viewport
Hi,
As you can see in the MegaMenu.css file in the plugin, there are already CSS rules for hiding the menus. You just need to modify the Media Query to be 768px. I hope this helped !
Hi there
I would like to change the mega menu from going to responsive mode in 980px width, I would like it to change to responsive mode when the site width is 768px
It´s in a script somewhere if I remember correctly but cant figure out how to change it, can you point me in the right direcion?
I would like to change the mega menu from going to responsive mode in 980px width, I would like it to change to responsive mode when the site width is 768px
It´s in a script somewhere if I remember correctly but cant figure out how to change it, can you point me in the right direcion?
Hi,
You will find it in this file: \Plugins\SevenSpikes.Nop.Plugins.Core\Scripts\SevenSpikesExtensions.js. The beginning of the file contains this:
var breakPointWidth = 980
Edit it to be
var breakPointWidth = 768
That is all. Note that this may lead to unexpected behaviour of any other elements on the page.
9 years ago
Hi,
Please clarify about which Manufacturer search you are talking about. On which page is it? Give me a hint :)
