Is there somewhere in documentation or in the theme settings that I can see what the breakpoint values are? I'm trying to specify some CSS for the tablet (portrait) and mobile viewports, but want to use the theme's breakpoints for accuracy. I searched the forums, documentation and settings but only found settings for the mobile header breakpoint (which is not what I need, exactly).
Are the exact theme breakpoints for each (small desktop, tablet portrait, tablet landscape, mobile portrait, mobile landscape) listed somewhere that I missed?
Unfortunately, we currently don't have a way to adjust the breakpoints other than the mobile header option.
This would require some extensive customization which I'm afraid we are not able to offer due to support scope limitations.
However, we are partnered with a trusted provider of expert-level Salient customization. If you are interested in initiating a project, we recommend referring to our guide at the following link: https://themenectar.com/salient/customization/
In the meantime, please don't hesitate to reach out with further questions. We're happy to help.
Apologies for the confusion. I don't actually need to change the theme breakpoints, I'm just wondering what they are, so that when I write some custom CSS for certain viewports (for example, I want to justify the text on certain pages when in tablet portrait mode or mobile portrait mode), I'm entering the same values that the theme has set. This way, I won't have too much flux between a random breakpoint that I might set and what the theme has already set. Hope this makes sense.
Thanks for the response. No real issues, specifically, but I was just trying to figure out the breakpoints that I mentioned in my previous responses. For example, on this portfolio bio page, I want to justify the text in the class "profile-bio" for tablet viewports and smaller. As a test for mobile viewports, I'm using this CSS:
@media only screen and (max-width: 690px) {
.profile-bio {
text-align: justify;
}
}
It works, but I just want to get the breakpoints exactly as Salient uses them, so I don't have the text-justification changing when it's not supposed to, if that makes sense.
Yes, absolutely. I think I've left a great review for you guys already, but since I have 4 or 5 purchases, I'll leave another few on the purchases I haven't reviewed yet!
Hey guys,
Is there somewhere in documentation or in the theme settings that I can see what the breakpoint values are? I'm trying to specify some CSS for the tablet (portrait) and mobile viewports, but want to use the theme's breakpoints for accuracy. I searched the forums, documentation and settings but only found settings for the mobile header breakpoint (which is not what I need, exactly).
Are the exact theme breakpoints for each (small desktop, tablet portrait, tablet landscape, mobile portrait, mobile landscape) listed somewhere that I missed?
Thanks!
Hi Ramit,
Thanks for writing to us.
Unfortunately, we currently don't have a way to adjust the breakpoints other than the mobile header option.
This would require some extensive customization which I'm afraid we are not able to offer due to support scope limitations.
However, we are partnered with a trusted provider of expert-level Salient customization. If you are interested in initiating a project, we recommend referring to our guide at the following link: https://themenectar.com/salient/customization/
In the meantime, please don't hesitate to reach out with further questions. We're happy to help.
Hi Judith,
Apologies for the confusion. I don't actually need to change the theme breakpoints, I'm just wondering what they are, so that when I write some custom CSS for certain viewports (for example, I want to justify the text on certain pages when in tablet portrait mode or mobile portrait mode), I'm entering the same values that the theme has set. This way, I won't have too much flux between a random breakpoint that I might set and what the theme has already set. Hope this makes sense.
Cheers!
Hi Ramit,
Thank you for getting back to us.
Could you please share some CSS that you're having issues with so we can check this out and advise?
We look forward to your reply.
Thanks,
Hey Andrew,
Thanks for the response. No real issues, specifically, but I was just trying to figure out the breakpoints that I mentioned in my previous responses.
For example, on this portfolio bio page, I want to justify the text in the class "profile-bio" for tablet viewports and smaller. As a test for mobile viewports, I'm using this CSS:
@media only screen and (max-width: 690px) { .profile-bio { text-align: justify; } }It works, but I just want to get the breakpoints exactly as Salient uses them, so I don't have the text-justification changing when it's not supposed to, if that makes sense.
Thanks!
Hello Ramit,
Thanks for clarifying even further.
Mainly the breakpoints are 690px for mobile and 1000px for tablet, however, this may change depending on the device and screen size you have.
If you have any further questions or need additional assistance, don't hesitate to write back, I'm happy to help.
Forgot to thank you for this, but Thank you!
Hi Ramit,
You're welcome.
I'm happy that we could assist you! If you haven't already, please consider sharing your experience by leaving a review on ThemeForest.
Your feedback is valuable to us and greatly appreciated!
Hey Judith,
Yes, absolutely. I think I've left a great review for you guys already, but since I have 4 or 5 purchases, I'll leave another few on the purchases I haven't reviewed yet!
=)