Profile: hristo

Hello,

currently the logo is always on top on a mobile device. If you need it to be scrollable along with the page content, let us know and we will think about implementing it. But please keep in mind that a lot of pages in this theme (on a mobile device) are depending on that space reserved on the top. This means that you will have to test a lot and most probably will have to fix many situations where the content at the start of the page is messed up because of the changed space at the top.

Please let us know if you need a way to scroll the logo anyway.

Regards

Hi,
the tab you are targeting is by default inactive. You have to add a javascript command to your anchor link that activates the tab.
There is a workaround that will do the job, but it will also reload the page - change the anchor href by adding "/" at the start, like this:

href="/#quickTab-specifications"

This will take you to the desired tab by reloading the page.

I hope this helps
Regards

Hi,
the size of the left and the right pane on product-details page is controlled by two classes - "gallery" and "overview"

The gallery is set by width, and the overview is set by margin. In order to change their appearance you have to edit the values of the width and margin properties for these classes. There are two instances - for tablet landscape resolutions and for desktop resolutions. To edit the first instance go to your 768.css file and find this code:

.gallery {
    float: left;
    width: 430px;
}

and this code:

.product-details-page .overview {
    margin-left: 440px;
}

Edit the width and margin values to achieve the look you are after.

To edit the second instance (for desktop resolutions), go to your 980.css file, and find this code:

.product-details-page .gallery {
    width: 580px;
}

and this code:

.product-details-page .overview {
    margin-left: 590px;
}

Edit the width and margin values again to the appearance you need.

Please make backup of your files before editing.

Hello,

you have to increase the z-index value of the titles (because they are currently hidden below the pictures). Please go to your main CSS file (styles.css) and look for a piece of code like this:

.home-page-category-grid .title,
.sub-category-grid .title,
.manufacturer-grid .title {

    ...

    z-index: 1;

    ...
}

Change the value to "2", and the titles will appear over the pictures.

Hello,

the container of the logo is an element called "header-logo", which by default is limited to 320px width on desktop resolutions in Motion theme.

The code that sets the width of the element is like this (you can find it in your 980.css file):

.header-logo {
    ...
    width: 320px;
    ...  
}

Change the width to whatever suits you.

Hello guclu,

the Nitro theme is implemented with "Arial" font, which is a websafe font that is present on every operation system. if you see another font instead, it means that something is overriding the default font, but I can't be more specific until I inspect your website. If the site is online please provide us with a link.

Regards.

Hi,

you can use this stack of selectors to target the page title only on your category page:

.category-page .page-title h1 {...}

just put your styles between the brackets.

carrielr01,

the issue in Art Factory theme is different. In order to fix it you need to add this piece of code in your "ie8-fix.css" file:

.mega-menu .dropdown {
  background: #fff;
}

Or just wait for a while and then update your theme, we'll try to implement the fix until the end of the day.

Hi again,

after checking your site, I can see you have to add some more changes (along with the changes described in my previous post):

.quickViewWindow .overview .add-info {
display:block
}




Please implement this code in the same way described in the previous post.


Let us know if there is anything else we can help you with.

Can you please provide us with a working link to your website with Quick View enabled, so we can inspect the actual situation on your side?