Hey jensdes,

v12.1 has been out for a while and is stable. The very last minor release for WP 5.5 compatibility contained very little changes.

Do you have multiple tabs of the theme options open? It sounds like as you’ve been saving changes, the state of the options are changing as if that was the case. If not, please reach out via the contact form on my author page so that I can take a look at the site: https://themeforest.net/user/themenectar

Thanks,

Hey Alan,

It looks like the media query on http://www.dev-evermaven.com/conservation-measures-partnership/take-action/ is using the media query to limit the styles to (max-width: 768px) and (min-width: 425px).

i.e.

@media only screen and (max-width: 768px) and (min-width: 425px) {

}

You should change the media query to just

@media only screen and (max-width: 768px) {

}

For the size that it’s active, the styles appear to be working from what I can see. Can you list specifically what you’re trying to change on mobile with a screenshot perhaps?

I think I’ve got it to work however I am still faced with a problem that my custom CSS is being overwritten by CSS found within nectar-slider.css.

How can I ensure my custom CSS is used instead of the default CSS?

Your help would be greatly appreciated. Happy to provide WP access if needed. Many thanks.

Best, Alan

Hey Alan,

Add the !important modifier onto the values which are not overriding. For example,

    font-size: 32px!important;
    line-height: 40px!important;

Hey Hernan!

As long as the site is not using a child theme with template modifications, you can update normally: http://themenectar.com/docs/salient/updating-salient/

I would take a look through this article in regards to the major changes: http://themenectar.com/docs/salient/important-salient-update-for-new-envato-requirements/

Cheers

Hey SiamNinja, You would need to modify the function “flickityInit” in the salient/js/init.js file in regards. Inside that function the parameters:

prevNextButtons: $nextPrevArrowBool,
pageDots: $paginationBool,

would need to change to be:

prevNextButtons: true,
pageDots: true,

Hey Alan,

You can add a divider element into the empty columns which have a BG image set. The height which you set on the divider will be the height which is used for the column on mobile.

Cheers

Genius!!!! That work perfectly. Many thanks for your help.

Best, Alan

You’re welcome Alan

Hey Transparency-One,

Since there’s no known issue that would cause this from Salient directly, please reach out via the contact form on my author page with a temporary login so that I can take a look: https://themeforest.net/user/themenectar

Hey ahmedmgamall,

1. That website is using Salient, but they created that landing page using the page builder. There’s no demo you’ll be able to import to get that setup – it will have to made manually.

2. Yes, Salient is translation ready, but it does not come with a pre-translated Arabic language set.

Cheers

Okay, I mean that I can create the same website with their pages like contact us, about us, services, and so on …

Is it right ?

Hey ahmedmgamall,

From what I can see, all of the pages are using standard Salient elements which would be available to you as well.

Hey Fixedman,

Unfortunately there’s no functionality to add the comment form on the blog archive template. That would require some custom development.

You can get the love functionality to display by switching your “recent posts” element to be the “blog” element and using the classic style for the standard blog (non masonry) layout. The read more link can be hidden with the following CSS

.post .more-link {
  display: none;
}
.post .post-header h2 a {
 pointer-events: none;
}

Hey David,

The Fancy Box element would be able to achieve that: http://themenectar.com/demo/salient-promo/fancy-box/

There’s also many example of that element in use in the Salient Studio Template library: http://themenectar.com/docs/salient/salient-studio/

Cheers

Thanks, that is perfect

Glad to hear hawea74

Hey Alan,

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

body.single #ajax-content-wrap .meta-category a:hover {
 box-shadow: none!important;
}

Cheers

Thanks. That works!

Followup question, how would I go about removing the button hover jump. I would like the button to be static when a user hovers over it. Many thanks.

Best, Alan

Hey Alan,

You can change the snippet to be:

body.single #ajax-content-wrap .meta-category a:hover {
    box-shadow: none!important;
    transform: none!important;
}

Hey Alan,

When using the menu left aligned layout, you can add menu items such as those buttons into the “Top Navigation Menu Pull Right” location via Appearance > Menus > Manage Locations. Unfortunately There’s currently no easy way without some modifications to move the search icon into the left with that layout.

Cheers

Perfect!!!! Just what I wanted. Many thanks for your help.

Best, Alan

You’re welcome Alan

Hey bethw76,

It’s been compatible with WP v5.5 since v12.1.1 (released a week ago). If you’re experiencing any issues, please let me know.

Thanks in advance

I do need to update both Salient and WPbakery. If I use the “downloading / reuploading without using EasyTheme Plugin” to update Salient will my current site stay more or less intact?

Thank you I updated everything—PHP, WP, Salient and all the plug-ins. Some things broke along the way but everything seems good now.

Hey med123x,

I’m glad to hear you got everything sorted out

Hey marcfest,

Edit each of the columns which is holding a quote and change the padding position to be “Left + Right”. Once will remove the space entirely, and then you can fine tune it by editing the parent row padding top/bottom.

Thank you as always.

You’re welcome, marcfest

You need to leave the “Category Base” blank in the permalink options. The 404 is likely being caused by that being set to the same thing as the portfolio base slug. Once you delete that, save the permalink settings again to refresh them.

Ah okay thanks that worked. Is there anyway to have portfolio items that don’t link to a page? Or is it a hard rule that when you create a portfolio item it has to have a page it links to? For example if I didn’t want some of the portfolio items at https://jaysportfolio.com/portfolio/ to link to a page is this possible?

Hey JayCarver,

That would require some custom CSS. When editing the desired project(s) to remove the single template link, you could supply a class name such as “hide-single” to the field “Custom CSS Class Name”. Then in the custom css box in the Salient options panel > general settings > css/script related tab, you can add in the following snippet:

.hide-single {  pointer-events: none;}

Hey LazR,

I apologize that this didn’t make it into the last major release (v12.1). The recent minor release (v12.1.1) was only put out ahead of the next planned major release to handle WP v5.5 compatibility. The next major release will contain this change and many others. If you’d like to keep this modification in a child theme to avoid having to reapply it after that update, see the docs here in regards: http://themenectar.com/docs/salient/overriding-salient-wpbakery-element-template-files-through-a-child-theme/

The gallery descriptions will end up using the following, if you’d like to adopt it:

esc_attr(wp_kses_post($attachment_meta['description']))

Also, If you’d like to get on the beta list where this has already been implemented, feel free to reach out via the contact form on my author page: https://themeforest.net/user/themenectar

Cheers

Hey katyp_11, I’ve noted to investigate that for the next release.

Cheers

Hey design_co,

The demo URL you’ve shared did not have any performance options enabled (minification, caching) – we don’t always keep them enabled on the demos so that testing new versions is easier. I’ve turned back on W3/Autoptimze on there now: https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fthemenectar.com%2Fdemo%2Fsalient-ecommerce-creative%2Fshop&tab=mobile

Getting a very high score in the mobile tab with a WordPress eCommerce store requires effort. No theme will automatically be able to achieve a high score without performance plugins and potentially using a service such as critical css

This report still shows 50% for mobile. Idealy you would want that to be 80%+

I have used all the caching plugin and image compressors. Still not able to get the results I want https://share.getcloudapp.com/X6uNdpB6

Hey design_co,

The screenshot you’ve shared shows 136 requests, and a high impact from non-deferred JavaScript which is far from optimized. Even without css/js minification active, Salient will not load near that number of requests. For example, running the initial Salient demo you shared through GTMetrix will show an example of optimized requests: https://gtmetrix.com/reports/themenectar.com/d4n13ihV

Can you please share the actual page URL so that I can take a look?

Hey crownjewelpro,

You can alter that by adding the following into your custom CSS box in the Salient options panel > general settings > css/script related tab:

body span_12.light .nectar-icon-list-item .content {
color: #fff;
}

Cheers

Hey streetjen

Could you kindly share your site URL in regards so that I can assist?

Cheers

Sure! http://louiseabruce.flywheelsites.com

Thanks streetjen!

Add the following into your custom CSS box in the Salient options panel > general settings > css/script related tab:

#footer-outer #copyright .col ul {
  margin-right: 35px;
}

Cheers