I have created my new website with Salient but there are some issues I would love to fix:
1. When I stretch my window or see the web through my phone, it appears a white bar at the top. At desktop mode everything looks fine. (Attached #1)
2. At the bottom of each blog post, there is the next/previous post section. What happens here is that posts shown are always inverted. I mean, like my oldest post is the most recent one and vice versa, so when I click on "next post" actually we are going to the previous. All dates are perfectly defined though.
3. I can't manage to remove the search icon from my top main menu.
1: You need to add this css as well to remove the Header on the Page.
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
@media only screen and (max-width: 1000px) and (min-width: 1px) {
#header-space[data-header-mobile-fixed="1"] {
display: none !important;
}
}
1. I have tried it and it works! No more blank bars. The only problem is that now in some pages it seems like my header bar is overlapping the first title of the section (image attached). I guess I could solve it by adding some margin above that element, I don't know if there would be another solution.
2. I have my blog section set up like that, because I want my blog page to show the entries in a descending order by date. The issue is that, at the previous/next post element, I want it to identify that a post with an older date than the current post is not "next" but "previous".
1: You need to add that css on the home page only where you have added this css : http://prntscr.com/l4t68l to hide the Header. Which is not really needed since there are Page Templates now available that remove the Header Automatically : http://prntscr.com/l4t778 .
2: Unfortunately there is no such manual control available of the Arrows.
Hello,
I have created my new website with Salient but there are some issues I would love to fix:
1. When I stretch my window or see the web through my phone, it appears a white bar at the top. At desktop mode everything looks fine. (Attached #1)
2. At the bottom of each blog post, there is the next/previous post section. What happens here is that posts shown are always inverted. I mean, like my oldest post is the most recent one and vice versa, so when I click on "next post" actually we are going to the previous. All dates are perfectly defined though.
3. I can't manage to remove the search icon from my top main menu.
Thank you in advance for the help!
Hey D,
1: You need to add this css as well to remove the Header on the Page.
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
@media only screen and (max-width: 1000px) and (min-width: 1px) { #header-space[data-header-mobile-fixed="1"] { display: none !important; } }2: Try adjusting these settings in here : http://prntscr.com/l4k6jj .
3: Did you check this option : http://prntscr.com/l4k71u .
Thanks
ThemeNectar Support Team
Hello Tahir, thanks for the quick answer:
1. I have tried it and it works! No more blank bars. The only problem is that now in some pages it seems like my header bar is overlapping the first title of the section (image attached). I guess I could solve it by adding some margin above that element, I don't know if there would be another solution.
2. I have my blog section set up like that, because I want my blog page to show the entries in a descending order by date. The issue is that, at the previous/next post element, I want it to identify that a post with an older date than the current post is not "next" but "previous".
3. Perfect!
Thank you!
1: You need to add that css on the home page only where you have added this css : http://prntscr.com/l4t68l to hide the Header. Which is not really needed since there are Page Templates now available that remove the Header Automatically : http://prntscr.com/l4t778 .
2: Unfortunately there is no such manual control available of the Arrows.
Best
ThemeNectar Support Team
1. Thank you! That worked, it was actually so easy.
2. Okay, I'll see how to show it then.
You're welcome.
Best Regards
Themenectar Support Team