Discussion on Salient | Creative Multipurpose & WooCommerce Theme

Discussion on Salient | Creative Multipurpose & WooCommerce Theme

Cart 167,791 sales
Recently Updated
Well Documented

ThemeNectar supports this item

Supported

38296 comments found.

In the previous version of the template, you help fix this error, but this version does not work this method:?

@media only screen and (max-width: 1000px) { html body #slide-out-widget-area.fullscreen .inner .off-canvas-menu-container li a { font-size: 20px !important; line-height: 25px !important; } }

How to fix it??

?https://yadi.sk/i/f0RheDR_twtuM

fixed it works)

Hey, glad to hear you got it :)

Hi,

Thanks for your “general” answer.

But what we needed to make clear is about the Bug: “The plugins badge doesn’t appear in the single product

page (on the main photo of the product), however it appears on the first thumbnail below the main photo (which is in fact the same one). When we deactivate the “Gallery slider with zoom on Hover” in Theme options, suddendly everything works fine. There is some bug in it, avoiding to display the badge.”

Any solution?

We assume that the Breadcrumb doesn’t work properly on products (don’t show the full path). Does the Theme support that?

Of course, “Finally, we want to change the slide transitions effect in the

product images (inside of the single product page) to a fade effect for example and also make the thumbnails slider below infinite.” is a custom work, but anyway we appreciate your advise.

Thanks in advance,

Hey dimarso,

I’m not sure what ticket you’re referring to since I did not speak with you – please share the ticket ID so I can take a look. Also, have you updated to the current version of Salient yet?

Cheers

Hey again,

1. It seems you haven’t updated to the current version of Salient yet, please do so and activate your badge plugin so I can check the issue further. The single product image function was changed in the current version and should allow it to work

2. Are you using yoast for adding breadcrumbs?

3. In salient/js/jquery.iosslider.min.js change this:

$('.iosSlider.product-thumbs').iosSlider({
     desktopClickDrag: true,
    snapToChildren: true,
     navPrevSelector: $('.product-thumbs .prev_slide'),
     navNextSelector: $('.product-thumbs .next_slide')
});
to this
$('.iosSlider.product-thumbs').iosSlider({
        infiniteSlider: true,
     desktopClickDrag: true,
    snapToChildren: true,
     navPrevSelector: $('.product-thumbs .prev_slide'),
     navNextSelector: $('.product-thumbs .next_slide')
});

A fade transition would require more custom development since there’s no plugin options for transitions as it’s a touch based slider and would inherently move horizontally

Hi,

In the new update the hotspot on image feature seems not to work at my website. (see link for example). VC composer was updated to the latest version. Tested both in Chrome and Firefox.? The image shows, but the tooltips show as plain text below the image?

On a fresh install on te same server it did work however . Any thoughts? Thanks in advance, and great update btw!

https://www.dropbox.com/s/ztv0dz529vcsbon/Screen%20hotspot%20image.jpg?dl=0

Hi, the URL is http://www.loods038.nl/hotspots/. Thnx for the help!

Hey again!

Have you tried clearing your cache? I tested on Chrome & Firefox and am getting the expected result http://imgur.com/a/v7twl

Cheers

That’s strange. I cleared the cache, tested it on Edge, Chrome, Firefox and Chrome on android (see picture) , an all have this same result. Any ideas what may cause this? https://www.dropbox.com/s/34d5bp2je1tk3g4/2016-08-09%2007.59.41.png?dl=0

Hi Nectar,

it seems that my CSS of getting a search-icon instead of hamburger-icon to open slide-out-widget-area isn’t correct for mobiles (iPad landscape).

Well, for Desktop the code is allright, but I have some issues on iPads. So I’d like to have the search-icon alos on iPad landscape orientation. So I tried the following code without success:

@media only screen and (min-device-width: 1024px) {
    .slide-out-widget-area-toggle i.lines-button.x2:before { 
    font-family: 'icomoon'!important; 
    speak: none; 
    font-style: normal; 
    font-weight: normal; 
    font-variant: normal; 
    text-transform: none; 
    line-height: 1; 
    -webkit-font-smoothing: antialiased; 
    content: "\e002"; 
    color: #f6653c !important; 
    font-size: 20px 
} 
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1023px) {
    .slide-out-widget-area-toggle i.lines-button.x2:before { 
    speak: none; 
    font-style: normal; 
    font-weight: normal; 
    font-variant: normal; 
    text-transform: none; 
    line-height: 1; 
    -webkit-font-smoothing: antialiased; 
    content: '';  
    font-size: 20px 
} 
}

@media only screen and (min-device-width: 1024px) {
    .slide-out-widget-area-toggle i.lines-button.x2 i.lines { 
    display: none !important; 
}
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1023px) {
    .slide-out-widget-area-toggle i.lines-button.x2 i.lines { 
    display: block !important; 
}
}

@media only screen and (min-device-width: 1024px) {
    body #header-outer .lines-button {
    top: 0px!important;
}
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1023px) {
    body #header-outer .lines-button {
    top: 9px!important;
}
}

@media only screen and (min-device-width: 1024px) {
    .slide-out-widget-area-toggle[data-icon-animation="simple-transform"] .lines-button:after {
    height: 0px;
    background-color: rgba(0,0,0,0.4);
    display: inline-block;
    width: 1.4rem;
    height: 0px;
    transition: transform 0.45s ease, opacity 0.2s ease, background-color 0.2s linear;
    -webkit-transition: -webkit-transform 0.45s ease, opacity 0.2s ease, background-color 0.2s linear;
    position: absolute;
    left: 0;
    top: 0px;
    content: "\e002";
    transform: scale(1,1);
    -webkit-transform: scale(1,1);
}
}
@media only screen and (min-device-width: 481px) and (max-device-width: 1023px) {
    .slide-out-widget-area-toggle[data-icon-animation="simple-transform"] .lines-button:after {
    height: 2px;
    background-color: rgba(0,0,0,0.4);
    display: inline-block;
    width: 1.4rem;
    height: 2px;
    transition: transform 0.45s ease, opacity 0.2s ease, background-color 0.2s linear;
    -webkit-transition: -webkit-transform 0.45s ease, opacity 0.2s ease, background-color 0.2s linear;
    position: absolute;
    left: 0;
    top: 0px;
    content: '';
    transform: scale(1,1);
    -webkit-transform: scale(1,1);
}
}

But I have issues to get the search-icon instead of hamburger icon on iPad (landscape) for slide-out-widget. The breakpoint should be there so that iPad portrait orientation and phones will leave by default with 2 hamburger icons (left & right). You can try yourself.

And if you try to load any browser in a window (desktop – no fullsize) then you get a strange behavior. The menu disappears and two search-icons will be displaed instead.

Can you give me an advice?

Cheers Markus

Hi Nectar,

1. url 1 (transparent header): http://www.bls-bayern.de/

url 2 (normal header): http://www.bls-bayern.de/immobilien/eigentumswohnungen-muenchen-riem/

Here is also a tab with a map not triggered! (tab “lage”)

2. Could you assist where exactley I have to insert the code snippet

$(window).trigger('resize');

into init.js (this section)

$('body').on('click','.tabbed > ul li:not(.cta-button) a',function(){
? I am not sure …, because you have inserted this command on certain lines. But the map doesn’t fit correct on devices like iPad, phones and small desktop devices. If I change from landscape to portrait orientation, the map resizes and everything is allright.

Thanks – Markus

Hey,

1.Instead of using min-device-width try using min-width

2. Could you share the URL in regards where a map is being used in the tabbed UI so I can test?

Cheers

Hi Nectar,

url 2 (normal header):

http://www.bls-bayern.de/immobilien/eigentumswohnungen-muenchen-riem/

you have to click on tab “lage” (as I’ve described in my former post).

I’ve noticed, that now the part of “iframe” in the tab-section of init.js seems to be away – I can’t locate any definition of iframe in a tab – so maybe that’s the fault, because a map is an iframe element, isn’t it? Am I wrong here?

The problem with search-icon occurs if you go into window mode (desktop browser) and you will resize the browser window smaller and smaller – then you are able to see what I mean. Just up to 1000px the issue could be located. In case of CSS I’ve tried first “min-width” but it doesn’t work either. The problem should be related to a change in the breakpoints (resonsive.css or js) maybe. Before updating to version 7.x everything works fine with your given CSS. But now something is different.

After I update the theme my blog post is not displaying in Mansory Blog w/ Sidebar. It only display in Standard Blog w/ sidebar. Help me fix this

I cant create a ticket.

please help me with this

Please reach out via the contact form here and provide your admin credentials so I can log in and take a look https://themeforest.net/user/themenectar Also let me know here once you’ve sent the email

I love your theme, but I can’t figure out how to “turn on” app mode. I want the hamburger menu and homepage from here: http://themenectar.com/demo/salient-app/ How do I configure it to work like this? Thanks!

Hey, all of the demos are available to import from the demo importer tab of the Salient options panel :)

My site is saying that this theme contains outdated copies of Woocommerce. I have installed the update is there something I am doing wrong? Shop Base: Page ID is set, but the page does not exist Cart: Page does not contain the shortcode: [woocommerce_cart] Checkout: Page not set My Account: Page ID is set, but the page does not exist

Hey laurastoddard,

Are you sure you’re on Salient 7.5+?

Cheers

Hey! Awesome new release. Any chance you got Wistia working yet as a video option? If not – any chance it could be soon?

Thanks! Have an awesome night!

Thanks mrhocs! Unfortunately no additional Wistia functionality as of now

You’re welcome! I know I’ve been asking for awhile now, but is there any way to get Wistia integrated soon?

Feature requests from the wishlist get added into releases based on popular demand :)

Hey i have an issue, which I have submitted a support ticket.

I just migrated a site from a server and web address to a new server and web address.

The site lost all of the custom salient theme options and had reset to default. So I exported the theme options from the old domain (from the salient options “import/export” ) and pasted it on the new domain but then it now gives me a blank page…

I can’t change any of the theme options settings too :(

Hey,

Please add your admin credentials into the ticket so I can log in and take a further look

Cheers

Hey Themenectar,

thank you for your response. I have added the credentials. My ticket number is #852307

It’s urgent please. Thanks so much for your help.

Hi, have you had a chance to look again?

Help! I’m obviously doing something wrong. I want the Ascend demo on my blog and I think I was able to import theme options for it; however, I couldn’t make my blog look like the masonry fullwidth demo. It looks like some posts are overlapping, titles are the wrong font and color, some of the quotes have dates, etc. How can I fix this?

For reference: http://www.pneumapsychesoma.com/blog-masonry-fullwidth/

Oops, nevermind. Looks like I just solved it. :D

Hey, glad to hear you’ve sorted it :)

Hi Themenectar,

Is it possible to add a class to a custom link in the navigation menu? We need this in order to track the click of the link with GA through GA Events plugin.

Hey,

You can add custom links in the Appearance > menus section by using the custom links section http://imgur.com/a/PMqm8

Cheers

Hey Themenectar,

Can you help us get rid of a strange white space that has recently appeared over the footer or call to action bar when the footer reveal effect is turned on? Our URL is http://eudc.ro

Yep, that was it. Google Remarketing Codes Plugin was causing the anomaly. Thanks

Actually it was the Google Remarketing Code itself which was causing the issue. Solved it by following the suggestions in this blog: http://www.keanrichmond.com/google-remarketing-messing-with-my-design.html

Hey,

Glad to hear :) Thanks for sharing that resource as well

Cheers

Text doesn’t wrap in internet explorer 11. Any idea why? http://oysterloft.com/ Also google fonts are not working either

Hey LarissaF,

You need to update your version of Salient VC to the current one (4.12) :)

Cheers

Hey ThemeNectar,

First off, awesome theme! I use it on multiple websites I manage. I’m currently working on a new one for a new client and we want to make a one-page website. I really like the design and functionality of this demo http://themenectar.com/demo/salient-service/ and was disappointed when it wasn’t one of the choices in the demo downloads. Is there any way you can give me a lead or head start on how to accomplish the full page sections with the scrolling transitions as used in that theme?

Thanks

Hey canook!

That demo and the other new ones are indeed available to import from the options panel > demo importer as long as you’re using Salient 7.5+ :) I also released a tutorial on it earlier today https://www.youtube.com/watch?v=S3P1BsTitnE

Cheers

Thanks! That tutorial was very well done, excellent service as always!

Glad it was helpful! :)

Good day,

I need to be able to set the “html lang” tag on every page individually. Right now, I have it sidewide on “en-Us”, but I can’t find a plug in or other way to set it to a different language an particular pages. Is there a way to do that or could you add a functionality for this in the page editor?

Thanks

Hey thkrumsch,

The html lang property in Salient is set using the standard WordPress method <html <?php language_attributes(); ?> > a plugin such as WPML would be able to change it

Cheers

Hi , this theme is awesome i got most of the functionality , but I am stuck to find out that there is not options to add more social icons in either nectar short code social buttons it is limited to only five options.

Please help me as i need to add instagram and slide share icons .

Also on the footer menu i need slide share icons.

Please let me know the functionality from where i can load any fonts in shortcode.

Please help me asap

Hey Mindshift,

The header/footer can both display instagram or many other icons – however the share buttons located on the blog/portfolio or the nectar social element only have fewer options because they’re not just links to your page, they share the current page to that site using the social services API and not as many social services provide that functionality. If you just need a static link to your instagram in the middle of your page and don’t want to use it in the header or footer you can wrap an icon shortcode with an anchor tag

Cheers

Bug in New Release: In a full width row, a 1px line with no content, just color, appears to be greater than 1px (possibly 2px?).

Hey dcress,

Could you please share your URL in regards so I can see the issue?

Cheers

Is it possible to add the PhotoSwipe 4 from Dmitry Semenov integrate to the theme? I’m still struggling to make good looking photography portfolio.

I would like to use PhotoSwipe as a default light box for Project Portfolio: “Lightbox Only This will remove the single project page from being accessible thus rendering your portfolio into only a gallery.”

Please see a sample: I did use a portfolio item and gallery bellow. It would be great to have a native solution.

The project thumbnail is opening only the link to attachment. http://sopranophoto.com/

Hey, please see my response to your other posted in regards :)

Hi,

Is it possible to remove the autoplay on the Video (MP4) Background under Page Header settings, instead can you control to play/pause the video on click?

Thanks in advance!

Hey,

This would require some custom development as the video BGs are not meant to show informational videos. It’s only meant to serve as a design aspect – if you want to link to a video from a header section you can do so with the nectar video lightbox element as demonstrated here: http://themenectar.com/demo/salient-corporate/

Cheers

Hi,

How would i go able keeping it within the background not as a link to a video? What type of customisation is needed to make this happen?

Thanks

Im working on a website using your theme and i was wondering how do get the menu to align left on posts?

Best regards

Hey again,

1. Could you explain what you mean more by directly over the the article? Are you referring to removing the border line between the two?

2. Use this:
#single-meta { display: none!important; }

Could i send you a jpeg of what i mean?

Sure, feel free to post one here :)

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve ThemeForest.

Sure, take me to the survey