Discussion on Salient | Creative Multipurpose & WooCommerce Theme

Discussion on Salient | Creative Multipurpose & WooCommerce Theme

Cart 170,138 sales
Recently Updated
Well Documented

ThemeNectar supports this item

Supported

38434 comments found.

I’m using the Off Canvas Navigation with fullscreen-overlay…. wondering if there’s an easy way to get the “mobile” version of the logo to appear when the fullscreen menu pops up instead of the regular logo?

I can see in the code there is 3 logos there together (dark, light, mobile) and I assume are being hidden with CSS but I couldn’t see a way to hide the regular logo and show the mobile one when the menu is overlayed? Thanks!

Hey SeanAUS120,

Could you kindly share your URL in regards so I can take a look to assist?

Thanks in advance :)

Thanks Sean,

Add this into the custom css box located in the Salient options panel > general settings > css/script related tab


body #header-outer[data-transparent-header="true"].transparent.pseudo-data-transparent #logo img { opacity: 0!important; }
body #header-outer[data-transparent-header="true"].transparent.pseudo-data-transparent #logo .mobile-only-logo {
  opacity: 1!important;
  display: block!important;
  height: 40px!important;
}

However you’ll need to change the color of your off canvas menu BG since it’s currently black and will hide your mobile logo which is also black

Cheers

Hello guys, is there a way to enlarge the cascading image? They are too small even if I upload large file. I’m using your theme here http://areatest4.saraallevi.com/ Thank you for the support – Best Regards

Hey sdoganati,

Have you tried to turn the row into a full width content type and then add column padding to the text (right hand side)?

Cheers

Yes I did it, but the size of the images is always the same. Thank you

Hey sdoganati,

Add this into the custom css box located in the Salient options panel > general settings > css/script related tab


.nectar_cascading_images .cascading-image { padding: 10%!important; }

Cheers

Hello,

It’s possible to portfolio display random ?

Thanks

Hey Carcanha, currently there’s no option to query for projects in a random order however i’ve noted the idea on the wishlist

Hi,

In Salient Agency, how do I disable portfolio item links so that when someone try to click a portfolio item in the portfolio it returns #?

Regards, Mr. Cross

Hey Mr. Cross,

Add this into the custom css box located in the Salient options panel > general settings > css/script related tab


.portfolio-items .col .work-item a { pointer-events: none; }

Cheers

Hi again!

It didn’t seem to work. Try for instance to click any of my portfolio items (like “Clarie Herself” or “Dark Water” at www.nyskaparna.se. They still link to other pages.

Also regarding portfolio items: 1. How do I replace dates with customized text for different portfolio items? Although they seem to sort by date, is there a way to not show the dates in the masonry? 2. Is it possible to sort items (for layout purposes), i.e. to place specific items in a specific position in the masonry?

Cheers, Mr Cross.

Thanks for sharing your URL Mr. Cross – it looks like something is preventing it from taking effect on the front. I just tested the snippet again in the browser dev tools to verify it’s valid. Could you kindly reach out in regards via the contact form on my author page with temporary admin credentials so I can take a look at the CSS box? https://themeforest.net/user/themenectar

Thanks

Hi Salient guys!

I’ve updated the parent theme this morning and I noticed that the “3D Parallax on hover” portfolio doesn’t work as expected.

https://imgur.com/a/tzw00tx Is this a bug of the latest release?​

Thanks

Hey ZSL_digital, currently there’s no confirmed issue like that – could you kindly share your URL in regards so I can take a closer look?

Thanks in advance

Hi guys,

Working on a clients website,

I want to add a new field to the accordion, which works by editing “nectar/nectar-vc-addons/nectar_maps/toggle.php” .. but if I create the path in the child theme it doesn’t work. Is there a function similar to nectar_shortcode_processing() that I can use?

Thanks

Hey kleverthemes,

Unfortunately the mod for that would need to be made in the parent theme as of now. I’ve noted this on the to-do though

Hello,

Is it possible to customize the link for the “Category Grid” feature?

I would like to put an image with a hover effect like “Category Grid”, but by referring to another page than the “official” page of the category, because I don’t like the design of the Categories pages and I would like to create my own Categories pages for my products.

Thanks for reading.

Hey charlotte-da-mota,

There’s no way to override that by default since it’s just querying for the category link associated with the category ID automatically in a loop. However you could create a custom grid of custom links in a similar style using the fancy box element in rows/columns as desired.

Cheers

Hi! Hi, why I can’t to see the category column in portfolio section? https://imgur.com/a/LOakXeu

thank you soo much, great job!

Hey alandres,

There’s currently no code in place to show the project categories on the portfolio CPT in that location, however i’ve noted it on the to-do list

Cheers

Hi,

I have a regular question regarding some styling issues for Salient Agency that differs between your version here http://themenectar.com/demo/salient-agency/ and my site on www.nyskaparna.se.

1. On both desktop and mobile, the space between the “learn more” button for the custom content portfolio item and text differs. Mine is too cramped/close to the text.

2. The styling of the mentioned button above differs.

3. On mobile, the mentioned text seem to have different weight/size.

Please return to me. My customer want the exact design that you have.

Regards, Mr. Cross

Hey Mr. Cross,

1. When you edit the project, have you tried to place a line break between the text and the button itself?

2. Here’s the button shortcode you can paste after deleting the old one:
[button color="accent-color" hover_text_color_override="#fff" image="default-arrow" size="medium" url="#reasons" text="Learn More" color_override="#000000" hover_color_override="#000000"]

3. I can’t see a different in the mobile font weight between your install and the demo https://ibb.co/xHRFkh9 can you kindly share a screenshot comparison highlighting what you’re referring to?

Thanks in advance

Thank’s a bunch! That really helped. You’re the best!

Hello. I can’t get the layout for the Left Aligned Thumbnails to work. Works on the Demo site here (http://themenectar.com/demo/salient-ecommerce-ultimate/product/grand-rapids-sunglasses/) but not on my site here (https://flakecity.com/product/pretty-girl/). I noticed, your demo version is using a Flickity slider, so I installed WP-Flickity Plugin but nothing changed.

Thanks for any insight you might have to help me sort this out.

Hey squarepocketmedia,

No additional plugin is required for that theme option to work, something else must be preventing it from taking effect in your setup. Could you please reach out in regards via the contact form on my author page with temporary admin credentials so I can take a closer look? https://themeforest.net/user/themenectar

Thanks in advance

is there away to create a time line for an event page. Like a vertical scrolling timeline for users to see. Prefer if an additional plugin was not needed to create it with your theme.

Hey Mbx,

Currently there is no built in timeline element as of now unfortunately

Hi. what is the feature you used to create the popup that loaded on this demo when you scroll down? http://themenectar.com/demo/salient-ecommerce-creative/

Hey Jhowell19,

That’s powered by the free plugin https://wordpress.org/plugins/popup-maker/ – it’s also available to import with that specific demo

Cheers

My social icons have disappeared, only on resize do they reappear. I’ve removed all custom CSS, all header changes, etc. but can’t seem to fix this issue. http://www.trifectasf.com/

nevermind figured it out

Hey robertexs, glad to hear you were able to sort it.

Cheers

Two more hopefully quick things – really appreciate your help!

1. Stop images going full screen automatically only on mobile: I created this test page (https://seasonalmaine.com/reviews-template/) to try and get my reviews section figured out. I love the way the images are small and compact on desktop, then go into a lightbox when clicked. The strange part is only on mobile – instead of also staying small like they are on desktop then going into a lightbox when clicked, they just immediately go full screen on mobile (see screenshot: https://pasteboard.co/HPceLcg.png). Is there a way to get the image gallery function on desktop (small images side by side that expand into lightbox when clicked) to also function the same way on mobile? Thanks buddy!

2. Get typography responsive settings to function or provide an override: I am having difficulty with my changes here in the panel (https://pasteboard.co/HPciRwA.png) actually appearing on the site. Is it possible for you to provide some code to allow me to update this via the css box? When I change values in the settings it doesn’t seem to have any impact. I am trying to get

to be about 75% smaller on mobile and trying to get

to be 100% on mobile because those are looking a little funky. I have made the updates in the panel but it doesn’t appear to be working. Do you have some magic css I could insert into the css box?

Note that I just sent you login credentials as requested on the other thread so you can poke around. Thank you again so much! My site is looking really great thanks to you! I appreciate it. :)

Hey LukeNielson!

1. Edit the column that’s holding each image and set the mobile column width to stay small in the “Responsive options” tab

2. Have you set values in the Salient options panel > typography > responsive settings tab for your h5/other heading tags you wish to reduce on mobile viewports?

Cheers

1. Which setting exactly to I change here and to what (https://pasteboard.co/HPlOQ02.png)? I just experiemented with a few but doesn’t seem to do what I want. For reference, I want it to be one full column on mobile, just like here (https://pasteboard.co/HPlO2wb.png) where the images are NOT full screen, instead they’re 80×80 as I set them to be. For some reason on mobile the images are adjusting to be 100% and I want to stop that from happening because it takes too long to scroll.

2. Yes, that’s what I tried to show in my screenshot here: https://pasteboard.co/HPciRwA.png Even after I click save and refresh it seems like they have no impact – maybe you can take a look when you’re logged into my site for the other thing? Because the typography > responsive settings don’t seem to be making any change, I was wondering if there was some standard code I could add to the CSS to force the changed font size. Thanks again buddy!

Hye LukeNielson, I responded to your email earlier today in regards :)

Is there a way to have the mobile menu “hamburger” (the 3 lines) always be visible and for the site to never use the traditional “horizontal” menu?

I’d like to just use the Mobile navigation menu on all devices including desktop versions?

And also for it to slide out on the right like it currently does on the mobile version (not as essential)

Hey kengw002, yes – you can enable that to appear on desktops as well in the Salient options panel > header navigation > off canvas navigation tab by turning the “Off Canvas Menu” on. Once you’ve done that, simply assign your menu to its location in Appearance > menus > manage locations

Hi! I am having issues with social plugins showing blank, or ) symbols where the image should be. I have tried 5 different float bar plugins and all show blank social icons. The developers are saying it is the template. Is this a font issue? How can I fix this?

I did the latest update but it did not fix the issue. It was working fine a year ago but since a few months back it stopped working. I bought another social plugin thinking it was the plugin. Only to find out it was the template.

Please help! Thanks!

Hey djlasvegas,

Please share the URL in regards so I can take a look

Thanks in advance

I was able to fix it. I had to change version of Font Awesome 5 from 4.

Site: https://oasiswatersa.com/

I downloading and tried a clean install but now getting an error. I downloaded 3 times and uncompressed the file “Salient” and I keep getting this error.

>themeforest-4363266-salient-responsive-multipurpose-theme> salient

Fatal error: Uncaught Error: Call to undefined function get_header() in /home/#######/public_html/site/salient/index.php:1 Stack trace: #0 {main} thrown in /home/#######/public_html/site/salient/index.php on line 1

Let me know how I can resolve this.

Site: https://oasiswatersa.com/site/salient/

Hey djlasvegas,

get_header is a core WP function: https://codex.wordpress.org/Function_Reference/get_header – it would appear something is off with your subdirectory WP install in that location

Hi. Is there a way to make that the email icon of the social media in the header menu links to an anchor with no target=_blank? I understand the target=_blank for the social media icons, but not for the email one. Thanks.

Hey squizzo,

I just added that change into the current beta release – if you’d like a copy, please reach out in regards via the contact form on my author page https://themeforest.net/user/themenectar

Cheers

Any way to reverse the ken burn effect so it zooms out rather than in?

Hey pinkgerbil, Add this into the custom css box located in the Salient options panel > general settings > css/script related tab


body .nectar-slider-wrap[data-bg-animation="ken_burns"] .swiper-slide .slide-bg-wrap {
    -webkit-transform: scale(1);
    transform: scale(1);
}

body .nectar-slider-wrap[data-bg-animation="ken_burns"]:not([data-overall_style="directional"]) .swiper-slide.ken-burns .slide-bg-wrap, 
body .nectar-slider-wrap[data-bg-animation="ken_burns"][data-overall_style="directional"] .swiper-slide[data-ken-burns="active"] .slide-bg-wrap {
  -webkit-transform: scale(1.35);
    transform: scale(1.35);
}

body #nectar_fullscreen_rows[data-row-bg-animation="ken_burns"] .active:not(#footer-outer) .row-bg.using-image {
  -webkit-transform: scale(1.35);
    transform: scale(1.35);
}

body #nectar_fullscreen_rows[data-row-bg-animation="ken_burns"] .active:not(#footer-outer) .row-bg.using-image {
    -webkit-transform: scale(1);
    transform: scale(1);
}

Cheers

ThemeNectar is the best guys! Thanks.

Glad I could help pinkgerbil :)

Hi, Is there some CSS to adjust the strength of the fancy box overlay before hover?

I have tried this (below) but it doesn’t seem to work, I am using the material skin.

“body .nectar-fancy-box .box-bg:after { background-color: rgba(0,0,0,0.7); }”

Hey MarcGarner,

Add this into the custom css box located in the Salient options panel > general settings > css/script related tab


.nectar-fancy-box[data-style="parallax_hover"] .bg-img:after {
    background-color: rgba(40,40,40,0.75);
}

Cheers

That works great, thanks.

Glad I could help MarcGarner :)

The template is not installed despite meeting all the requirements of the server (I’ve sent them a screenshot) and they have answered me in two seconds that this is my problem. The support person had a bad day or you are like that always? For now, shameful

Hey UVVS, I’m sorry you ran into trouble importing a demo. I just took a look at your ticket earlier today and responded in regards

Thanks, I’ve already fixed it. It was not a server problem as the support person answered, without looking at what was happening. Simply, for some reason, when the template is installed, it is necessary manually choose what type of home is displayed. In other templates of other developers, the default home page of the demo automatically appears, but in this case appears, the home of latest posts What bothered me is that the support person did not even look what happened even though I commented the problem in detail and give all access. Fixed, anyway. I hope to have more luck next time with the support person.

I’m glad to hear you sorted it UVVS and I’m sorry about your initial experience with support. Salient does not auto assign the home page by default as mentioned in the getting started guide here: http://themenectar.com/docs/salient/assigning-home-page/ If you have any troubles in the future with support, feel free to contact me directly via the contact form on my author page so I can look into it. https://themeforest.net/user/themenectar

Cheers

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