hi, i am trying to remove the defualt header i have tried diffrent css codes but at best case a white spase remains,the header remain at the middle of page instead of being on top and having a transparet header
Thanks for replying, so here is the gap, in css i have added ".nectar-shop-header {display:none;}" but the header as you see is being showed with the gap and as an normal row element not a header, there is also another problem with the page that i would realy be greatfull if you could help me, the product is being showed at the bottom of page how can i manage where to show the products??
i have tried visibility non and adding it manualy but i was wondering if there was a better way of doing it
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):
Hi, on the same site, I am having some weird experiences. I am trying to write some CSS for responsiveness, but, first of all, no matter where I write different font sizes for different screen sizes, nothing changes.
After restarting the settings in Salient and turning on Typography -> Responsive Settings again, I can see the changes on the home pages but not on the other pages and not on the <p> tags.
Then, I have written the below CSS for the menu language. It works on desktop but not on other screens. I have even tried rewriting it for different screen sizes, but it doesn't work. Can you please help me resolve it?
Thanks
.menu li.lang-item a { font-size: 16px !important; }
.menu li.lang-item-17.lang-item-it.current-lang a { font-size: 16px !important; }
.menu li.lang-item-20.lang-item-en a { font-size: 16px !important; }
If you are not able to view the changes in the Theme Options Panel or the Woocommerce Settings. please clear your cache using this guide: https://themenectar.ticksy.com/article/6226/ .
hi, i am trying to remove the defualt header i have tried diffrent css codes but at best case a white spase remains,the header remain at the middle of page instead of being on top and having a transparet header
Hey Asal,
Thank you for reaching out to us.
I can't seem to find a header or a white space on your product archive pages. Here's a screenshot of the same.
Could you please share a screenshot of the section you're referring to so we can check this out for you?
We look forward to your reply.
Thanks,
Thanks for replying, so here is the gap, in css i have added ".nectar-shop-header {display:none;}" but the header as you see is being showed with the gap and as an normal row element not a header, there is also another problem with the page that i would realy be greatfull if you could help me, the product is being showed at the bottom of page how can i manage where to show the products??
i have tried visibility non and adding it manualy but i was wondering if there was a better way of doing it
thanks
https://martinoc19.sg-host.com/prodotti-negozio/
@martino73 ,
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):
Thanks
ThemeNectar Support Team
Hi, on the same site, I am having some weird experiences. I am trying to write some CSS for responsiveness, but, first of all, no matter where I write different font sizes for different screen sizes, nothing changes.
After restarting the settings in Salient and turning on Typography -> Responsive Settings again, I can see the changes on the home pages but not on the other pages and not on the <p> tags.
Then, I have written the below CSS for the menu language. It works on desktop but not on other screens. I have even tried rewriting it for different screen sizes, but it doesn't work. Can you please help me resolve it?
Thanks
.menu li.lang-item a {
font-size: 16px !important;
}
.menu li.lang-item-17.lang-item-it.current-lang a {
font-size: 16px !important;
}
.menu li.lang-item-20.lang-item-en a {
font-size: 16px !important;
}
.menu li:nth-child(1),
.menu li:nth-child(2) {
display: inline-block;
}
.menu li:nth-child(2) {
https://martinoc19.sg-host.com/padding-left: 10%;
}
@martino73 ,
If you are not able to view the changes in the Theme Options Panel or the Woocommerce Settings. please clear your cache using this guide: https://themenectar.ticksy.com/article/6226/ .
Thanks
ThemeNectar Support Team