Hey ESBertrand,

It looks you have the option enabled for “Full Width Header Content” in the Salient options > header navigation > layout & content related tab, so you header will always be a consistent distance from the edges of your screen, which won’t match the content area. If you want the header to match the same container as your content, you’ll need to disable that option or use CSS to constrain the header on mobile only.

Kind regards

Disabling the option brings the logo and buttons in from the left/right edges by 90px on desktop, which just doesn’t look so great. And it doesn’t fix the mobile issue either. It’s ok, we’ll just leave it; not a big deal, and we’d much prefer to have the header elements justified against the left/right edges.

When that option is disabled, the header should remain contained at the same edges as your content on both desktop and mobile. However, if you’d like to keep your header full width for desktop and contained on mobile, you could add 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: 1000px) {
  body #header-outer[data-full-width=true] header > .container {
    max-width: var(--mobile-container-width);
    padding: 0;
  }
}

I’m glad you were able to sort it out, alandres

Cheers

Hello again.

I have a question regarding this: What would be the correct media query to apply only to mobile? Regardless of what brand and models they are.

Thank you so much.

Hey alandres,

The breakpoints that we use in Salient are 999 and 690, e.g.

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

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

}

Kind regards

Thanks a lot, ziadh7!

That page is not available through the demo importer, however, mostly all of the sections are available to add via the Salient Studio Template library. https://themenectar.com/docs/salient/salient-studio/

Cheers

Hey JackHowell, As of v16, Salient has built-in options to control which media sizes are registered. You can find them in the Salient options > General settings > Image Sizes tab. However, there are still 2 image sizes which are always used that you’ll need to remove via the filter method. There names are

portfolio-thumb
nectar_small_square

Kind regards

Perfect, thank you!

You’re welcome, JackHowell

Hey Micatuca,

Salient uses the default post title field for populating the title. I would need to see the posts you’re referring to in order to help troubleshoot. Kindly open a ticket on the support forum in regards.

Cheers

Hey raffess,

There are no responsive font settings for the navigation. The font size for the off canvas menu can be specified separately via the typography tab though. Are you trying to alter your main menu item font size for smaller desktop viewports?

Figured it out. Set it by myself using custom css for needed viewports.

Hey raffess,

I would need to see the page URL with that snippet active so that I can take a closer look why it did not work for you. Could you kindly provide the page address?

Thanks in advance

Decided not to use it , but feature to use something as non clickable tags would be nice in future

Hey reganmcgregor,

Salient already supports displaying category descriptions under the product category heading title. ex. https://themenectar.com/salient/ecommerce-robust/product-category/accessories/

You can control the position of the category description via the option “Product Category Description” in the Salient options > WooCommerce > archive header tab.

Kind regards

Thanks for your reply.

Sorry, I should have been clearer.

Yes, I am aware that you can do that.

My issue is this only works if you upload a “Category Header Image” to the Category. The settings in the options panel are ignored without a background image and the description gets placed in the “Before Shop Loop” no matter what.

As per example 1. I would like the description under the product category heading without the need for there to be a background image. This gives users the option of a cleaner design and doesn’t require another image that could impact the page speed.

Hope this makes sense.

Thanks

Hey reganmcgregor,

You can edit the page defined as your “Shop” page and set a “Page header background color”. This will trigger the same layout as when an image is used and you can get the ordering you’re looking for, without having to actually specify an image background.

Kind regards

Hey ND81, thanks for the request

Just final Question. Salient WP Bakery Builder isn’t good for responsive websites. So tell me if Salient theme supports Elementor or not? I wish to work on Salient Theme using Elementor builder. Reply Soon.

Hey rizwitzsolutions,

1. Salient has been consistently getting feature updates for over a decade.

2. If you are using Elementor, you won’t have access to any of the Salient elements. Your assertion that ‘Salient WP Bakery Builder isn’t suitable for responsive websites’ is inaccurate. Our builder incorporates a multitude of robust responsive features, which can be witnessed in action within the various responsive demos available.

1) Don’t agree with Point 2. As I have seen that its not good for responsive. U can’t disable a whole Row, like in elementor. U can’t appy custom css in all of elements. Like apply Custom css on Custom heading, but it will revert to old settings. So I don’t agree with U. 2) If lots of people are telling you to implement Elementor on your Theme, then I believe its a good reason to do it. Start listening to your consumers. After implementing Elementor to your Salient Theme, your download will increase definitely.

Hey bigpw, Salient v16 has been available for over a month without any reported issues of this nature. Since it sounds like you’ve run into a fatal error, you’ll be able to find further details on the root cause by checking your PHP error log on your server. Kindly reach out via the contact form on my author page with that error and your site URL so that I can take a look to assist.

There were no errors in the logs, only 200/300. I spent an hour following all the common troubleshooting advice, but in the end, the problem only went away when I upgraded to WordPress 6.3. I was avoiding this, as you state that your theme only supports 6.2.x?

Hey bigpw, Salient is also compatible with WP 6.3—Unfortunately, Envato has a bit of a lag in updating the list we’re allowed to choose from for software versions.

That being said, there are no known compatibility issues withWP 6.2 either. I would suspect something else occurred in your setup which caused the issue, but it would be hard to say what unless I was able to examine the setup itself. If you’d like to continue troubleshooting that with a staging server, feel free to open a ticket on the support forum in regards

Kind regards

You’re welcome, olidenson

BTW, i sent an email to you guys with a video showing how the carousels act strange when using the APPLE mouse. If we swipe left or right over our blog carousel, then it shoots us off to a post instead of swiping the carousel left or right.

If you check your emails, theres a video showing the issue. Hoepfully you can fix this. Most of opur team and clients are creatives, using apple computers, and ive had at least 6 report this issue to me. We love using the carousel for our posts, and dont want to change that, but with many people using the apple mouse, they intuitivly swipe the mouse, like we do on our phones, to navigate left and right.

Kindly, Oli

Hey Oli, sorry for missing that email!

I just reviewed the video and it appears as you you’re triggering the default back/forward page navigation multi touch gesture on the Magic Mouse. Unfortunately the carousel Library we use does not provide an option to override that core functionality and instead trigger a carousel swipe.

Hey toolbox101,

Thanks for mentioning that. It’ll be corrected in the next minor release

Cheers

Hey Mikel2020,

You would need to manually create links for those categories if you wish to lead to a new page where another instance of the portfolio would be displayed—There’s no built-in functionality within the element to do that

Hey ritamjahed, thanks a lot!

Yes, you can import multiple demos and then mix and match the pages together as desired

Kind regards

Hey insightdesignstudio, the visual mode should still be available. If you’ve verified that no third plugins you may have active in your setup are causing that issue, please open a ticket on the support forum in regards

Hey speedsquare, that could occur if you are also using the “Move jQuery to Footer” performance option, or another third-party performance option to defer jQuery—I’ve noted to take a closer look into that for the next minor release.

Kind regards

It was that Performance option. Thanks for the feedback!

Thanks for confirming, speedsquare

Cheers

Smooth scrolling plugin from wordpress directory did the trick )))

No it did not (

Hey raffess, There’s currently no option to integrate a custom scrolling function like that in Salient, but I’ve noted your interest on the wishlist

Hey chsa11,

The only element in Salient that will allow for 2 images swapped on hover would be the flip box: https://themenectar.com/salient/elements/flip-box/

Kind regards

Thank you for your reply!

How can I add a “date” on my page that updates every day it refreshes according to the timezone im in? thank you!

Hey chsa11!

Unfortunately, Salient does not provide an element that could handle that functionality. You would need to either add a snippet to register a shortcode for that in your child theme. Or install a plugin which adds that functionality such as https://wordpress.org/plugins/shortcode-for-current-date

Kind regards

Hey kford,

When using a plugin to order your posts via drag and drop, such as post types order, the post loop builder should already respect that order when leaving the default orderby active (date). If you’re not seeing that occur, kindly open a ticket on the support forum in regards.