Profile: UserThomas

New bug: when viewing an order from the customer side, this line is showing as a top line on the invoice:

sevenspikes.themes.playground.common.goto

New Bug: When clicking on the buy button when you hover over the product thumbnail, the grey spinning "circle" image that pops up showing the site is working, is displayed behind the product thumbnail images.

It happens on your demo site as well.

??

I have integrated this with our site, but on the product details page, when you hover over the picture, the area which reacts to the mouse hover over command is only in the top left quarter of the image area. If I hover over the rest of the image, nothing happens.

I have it set to inside.  

Also, I am uploading several different image sizes and they do not fill up the whole image area.  Instead, the zoom browser reduces them down and they only fill about a 1/5 of the image area in the center.

I have this installed and set to "Categories in grid (with pictures) and when I hover over the menu bar, the category drops down and displays the sub-categories.  I have 5 sub-categories listed and for some reason it displays 4 on row 1 and then drops the 5th down to a 2nd row. however, there is still alot of room left on the first row for 3-4 more sub-categories to be listed.

How do I get them to not make a new row after 4 and stay on the same one?

Also, the drop-down area is fixed at a certain width and shows all this extra empty space to the right.  Is there a way I can set the drop-down to only be the width on the sub-category listings?

I would like to have all my categories in the Mega Menu stay on the line below the logo, search, mini cart line and not move up when the screen width is reduced for the desktop view.

I found this code and changed the 1150 below to 2000 and it worked.  Is this correct?  

@media screen and (min-width: 1150px) {

    .header {
        padding: 0 0 25px;
    }
    .header-menu {
      margin: 0 30% 0 25%;
        padding: 0;
        clear: none;
    }
        .header-menu > ul {
            text-align: left;
        }

}

I then tried to paste this code in the Admin Custom Head Styles but it did not work.

New bug:  I have the "side-2" column on the left side of the page and the categories are listed above the filters.  When you drag your window "narrower" and the responsive theme hides the side-2 menu, then when you drag it back out, when the side-menu shows again, the Price Range filter is all of a sudden above the category listings.

Option one worked.
But I can't get it to read my custom.css file  here is where I added the code:

    if (supportRtl)
    {
        Html.AppendCssFileParts("~/Themes/Allure/Content/CSS/styles.rtl.css");
    }

    Html.AppendCssFileParts("~/Themes/Allure/Content/CSS/styles.css");

    Html.AppendCssFileParts("~/Themes/Allure/Content/CSS/custom.css");

    Html.AddScriptParts("~/Plugins/SevenSpikes.Core/Scripts/SevenSpikesExtensions.js");

Here is what is in the custom.css file:

.category-page .sub-category-grid .item-box {
width: 18.5%}
.home-page-category-grid .item-box {
width: 16%}


@media screen and (min-width: 1001px){
.product-details-page .overview {
margin-left: 620px;
margin-right: 0;
}
}
@media screen and (min-width: 769px){
.ui-tabs {
float: left
}
}
@media screen and (min-width: 769px){
.product-details-page .overview {
float: right;
}
}
.side-2 {float: left;}
.center-2 {float: right;}

Also, do I need custom.rtl.css file?

Any information on this?

Thanks!