Hey Austin,

How do I compile using SCSS/SASS? If this isn’t possible, why, and is there a way around it?

The Salient front-end stylesheets were not created using scss, so that's not part of the build script you'd have access to by default via the package.json. However, you of course can still utilize scss if desired from your own build script via the child theme if you intend of adding new stylesheets.

How do I link multiple stylesheet files in my child theme?

The Salient child theme is no different than any child theme in terms of functionality. You can enqueue as many stylesheets/scripts as needed: https://developer.wordpress.org/themes/advanced-topics/child-themes/#enqueueing-styles-and-scripts

The base child theme included with Salient already has one function included called "salient_child_enqueue_styles" which is hooked to the action "wp_enqueue_scripts", so you could place all of your wp_enqueue_style calls in there if desired.

How can I set the Header Mobile Breakpoint to 1px? I want to keep the default menu on mobile as well for some websites, but there’s a glitch in your options that won’t allow this option to be anything below 1000px.

The minimum breakpoint is 1000px, however, you can force specific menu items to persist in the mobile header by using the Salient menu options: https://themenectar.com/docs/salient/salient-menu-options/

How do I change the logo on the admin login screen from the default WP icon to my site’s logo? 

Salient does not offer any built-in way of achieving that. However, you could accomplish it either with a third-party plugin such as https://wordpress.org/plugins/change-login-logo/ or by using some custom action from your child theme. https://codex.wordpress.org/Customizing_the_Login_Form

Kind regards

Hi Austin,

Please send in your website URL so that we can check this out further.

Thanks.

Hello there,

Thank you for reaching out to us.

1. Could you share what customizations you want to add to the maps section so we can advise on this? As for snazzy, it would require a javascript modification to salient/js/map.js – if you run a search for “mapOptions”, you’ll end up at the relevant location in the file.

2. You can enable the transparent header by going to Salient > Header navigation > Transparent header and enable it from there. By default, the header on the salient is sticky.

3. Instead of a class, you will have to assign the row and ID as shown in this screenshot.

4. That is the default spacing added by the page builder. Try and reduce the spacing by adding negative margins, like -3%, and see how it goes.

I hope that info helps.

Kind regards,

Hi there,

1) The interactive map element on the page builder does not have as extensive styling capabilities. Most styling options are from the marker style going down as seen in the attached screenshot.

2) The transparent header requires some conditions to be met for it to apply on the page - https://themenectar.com/docs/salient/theme-options/header-navigation/#transparency

You can also force the header to be transparent from the header navigation settings in the edit page area. See attached screenshot.

3) 

4) The carousel container seems to have the margin added to it. You can remove it with this bit of CSS:

.nectar-flickity.nectar-carousel.nectar-carousel:not(.masonry) .flickity-viewport {
    margin: 0px 0 0px 0 !important;
}

The div is:

<div class="flickity-viewport".....

Cheers.

Hi Austin,

1) Using the google map type option there is the marker color option that uses the accent colors, the grey scale color option that reveals the map extra color option. We are referring to the map element's settings. That example link you provided uses google maps type. There is also the leaflet map type which does not require a key. Accent colors can be controlled from salient \ accent colors.

2) Yes you would need to enable it per page.

Cheers.

Hello again,

Thank you for getting back to us.

Add this into the Custom CSS box in your Salient Theme Options panel :

#header-outer[data-lhe="animated_underline"].transparent #top nav > ul > li > a .menu-title-text:after,
#header-outer.transparent #top nav>ul>li[class*="button_bordered"]>a:before, 
#header-outer.transparent .nectar-mobile-only.mobile-header li a .menu-title-text:after {
  border-color: var(--nectar-extra-color-1) !important;
}

It will take up any accent color that you add as accent 1 in the salient > accent colors settings.

I hope that helps.

Thanks,

Hello again,

Thank you for getting back to us.

Try adjusting this option in the theme settings and let us know how it goes.

Kind regards,

Hey Again,

Please setup the header as you wish and provide the page URL so we can take a look at what's possible.

Thanks.

Hey Again,

Just adjusted the settings.

Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

#header-outer:not([data-format=left-header]) #top>.container>.row .span_9 nav {
    background: #ff1053 !important;
}
body.material #header-outer[data-full-width=true]:not([data-format=left-header]) #top nav>.buttons {
    margin-right: 30px;
}

Thanks

Hey Again,

Yes, you can add it like this: 

Try using the pre-built templates in the Salient Studio: https://themenectar.com/docs/salient/salient-studio/ .

Thanks 

Hi Austin,

1) The full width header content option will appear after selecting a header layout in salient \ header navigation - layout and content related area. Then saving and refreshing the page. The option should appear then.

2) As for the header files customization , there is no specific files that match the prebuild layouts. The header areas is spread in the files in salient \ includes \ partials \ header \ folder. You would need to check the code in those files so as to alter it as you need.

Hope this clears things up.

Hey Again,

Yes, this should be possible with some CSS snippets to adjust the menu positioning.

Thanks.