Hey Alan,

That movement is occurring due to custom CSS you’ve added into your child theme stylesheet. To completely remove the hover effect, you’ll also need to add in the following CSS:

body #header-outer #social-in-menu a:hover i {
  transform: none;
}

Kind regards

Amazing thank you.

Out of curiosity, any chance you can share where in the custom CSS you saw the code that was controlling the movement?

Thanks again for all your help. Best, Alan

Hey Alan, the social icons move by default when hovered—see an example here, but the way they were moving weirdly was because of some of your custom rules such as the middle rule here: https://ibb.co/WHk6D89

Kind regards

Hey C_Drosos, All of those items are possible with Salient except for the “extra tab” added on WooCommerce single products. You would need to add that via your child theme or through a plugin.

Kind regards

Hey lfranken, I’m glad to hear you’ve been enjoying working with Salient!

It looks as though you’ve supplied an .mp4 file to the .webm field. Doing that could cause loading issues on mobile devices, since the file type is mismatched. You actually don’t need a dedicated .webm file anymore to playback on mobile devices, so you can simply just remove that, leaving the .mp4 only.

Kind regards

Thanks, just did that and the issue still remains, what else could it be?

Hey lfranken,

I am able to see it load on mobile now from my end, however, some loads are taking longer than others to start playing. The video supplied is pretty large for a background video (19mb). I would suggest also compressing that to be under 4mb or ideally even smaller. Other than that, can you confirm that your mobile device does not have any power saving mode active? Power saving modes typically prevent videos from autoplaying.

Kind regards

Hey juvengle,

Global sections assigned to theme locations will not render on a page set to use the “Page Full Screen Rows”. This is because pages in that mode turn into a vertical slider based solely on rows within the page builder. However, you can still call global sections as needed on a page using that option through the “Global Section” page builder element. e.g. https://ibb.co/CmLDjrm

Kind regards

Hey streetjen!

1. You should be able to use the “Navigation Menu” widget to call your main menu in that location. If you’d like further assistance setting up an example of that, please open a ticket on the support forum in regards

2. The correct selector for the 2nd column would be:

#footer-outer .row > .col:nth-child(2) {
  padding-left: 30px;
}

Kind regards

Thanks so much!

You’re welcome, streetjen

Hey toolbox101, I followed up in regards. Please use the support forum in the future for private requests.

Kind regards

Hey shipux,

Those are short videos which were created in After Effects. We created some of the layers first in Photoshop and then exported to After effects for the animation.

The theme page builder element being used to trigger those videos to play by scrolling through each section is called “Sticky Media Sections”.

Kind regards

Hey Eskilax,

Looking at the page markup, the category is missing from most of your projects. Because this isn’t a known issue, I would need to take a closer look at the backend in order to see if there’s anything that could be interfering with the Portfolio query. Kindly open a ticket on the support forum in regards.

Thanks in advance

Hey tohapiliang,

1. Salient doesn’t add breadcrumbs by default. If you’re seeing those, they could be coming from an option within an SEO plugin such as Yoast SEO.

2. Can you share a page URL where you’re trying to remove the title so I can see what you’re referring to? I’m currently unsure if you’re referring to the post single template or regular pages within your site.

Thanks in advance

Hey wints77,

You can accomplish that by adding the following snippet into the custom CSS box located in the Salient options panel > General Settings > CSS/Script related tab:

#footer-outer {
    border-top: 1px solid #000;
}

Kind regards

Hey raffess,

1. You can create social links by using the “Icon” page builder element, however, there’s no option to have them move depending on your mouse position like on that website.

2. There’s also no built-in option for a multi-line button, but you could add a second line with custom CSS if desired. If you’d like assistance with that, kindly open a ticket on the support forum in regards.

Cheers

Hey NETZPUNKTE,

You can find the options associated with that link in your Appearance > Menus section in the WordPress admin.

You can select the menu which contains that link (SaaS Pull Right) and then use the Salient Menu Options to adjust the styling: https://ibb.co/P6T6Ssv

Here is the documentation on that feature: https://themenectar.com/docs/salient/header-button-links/

Kind regards

I fixed the z-index for header search on mobile. Now it works! waiting for your help to exclude that category from the search Thanks

Hey! Excluding a specific term from both the AJAX search as well as the core WP search results template would require PHP snippets to modify the query for each. Some possible methods to handle this for the core WP search are discussed here.

In regards to modifying the AJAX quick search, you would need to use the filter “nectar_quick_search_query” to modify the current query and pass in a custom tax query.

Kind regards

Hey pitiusasmarket,

Since Salient doesn’t add breadcrumb data by default, I would suspect it’s something coming from the configuration of that plugin. Could you please open a ticket on the support forum in regards with more data about what the error is stating?

Thanks in advance

Hey christoferberg,

You can add an ID to any row in the page builder which will correlate with your menu links: https://themenectar.com/docs/salient/page-builder-row/#row-id

e.g. the row id “about” could be linked to by adding a custom menu item with the URL http://domain/#about

Kind regards

Hey studioluttmer,

1. You can alter the previous snippet to the following to only apply that gradient after the user scrolls down:

html body #header-outer:not(.transparent) {
    background: linear-gradient(45deg, #00a7ff, red);
}

2. You can alter the button text color via the Salient menu options for your menu item: https://ibb.co/cg36w1x

Please open a ticket on the support forum in regards if you need further assistance with these items or for follow up questions

Kind regards

Thanks!

One last question about the menu. How can I make Icon show on the right side of the text?

You’re welcome studioluttmer

You can use the following CSS snippet

#header-outer ul.sf-menu>li.menu-item-has-icon>a {
    flex-direction: row-reverse;
}
#header-outer header .nectar-menu-icon {
  margin: 0 0 0 10px;
}

Hey Elliotj,

Yes, you’ll need to add tel: and mailto: to the beginning of your links if you wish for them to trigger the app functionality.

Kind regards

Hey HokusaiTheDeveloper, WPBakery only allows custom HTML inside of fields that have the tinyMCE editor, and only one of those fields can be utilized per element—see textarea_html.

The team member uses that field for the “Team Member Biography”, available in the Meta Overlaid, Bio Modal style. https://ibb.co/G2NS7Q1

However, there is a workaround to allow WP to save HTML attributes correctly in regular fields. You must:

• Use single quotes instead of double quotes e.g. https://pastebin.com/gzRgUjAM
• Add the following snippet to your child theme functions.php: https://pastebin.com/QkBhd09B
• Ensure the Disable the visual editor when writing option is checked in your user account

If you need further assistance with this, please open a ticket on the support forum.

Kind regards

Hey keidderf,

There’s no built-in option to assign global sections to other theme-areas than what’s currently in the theme options panel. However, that will be greatly extended in the next feature-based release, and the sidebar will become an option as well

Hi, thanks, that is great – Any ETA for that? Regards,

Hey!

The public beta for the release will open sometime next month—likely towards the middle of the month. After we get enough testing/feedback it will officially get released. That process usually takes a few weeks.

Kind regards

Hey Wisdomlikesilence,

You can modify that by adding the following snippet into the custom CSS box located in the Salient options panel > General Settings > CSS/Script related tab:

@media only screen and (max-width: 690px) {
body .nectar_team_member_overlay .team_member_picture {
    display: block;
    height: 40vh;
    width: 100%;
    position: relative;
}

body .nectar_team_member_overlay .inner-wrap {
    flex-wrap: nowrap;
    height: auto;
    flex-direction: column-reverse;
}
}

Kind regards