Okay
  Public Ticket #3502329
nectar-shop-header
Closed

Comments

  • asal started the conversation
    October 19, 2023 at 2:14pm

    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 

     

  •  2,744
    Andrew replied
    October 19, 2023 at 4:27pm

    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.

    8360839579.png

    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,

  • martino73 replied
    October 20, 2023 at 8:32am

    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/

    8766401409.png
  •  8,470
    Tahir replied
    October 20, 2023 at 10:30am

    @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):

    .post-type-archive-product.woocommerce .container-wrap .page-description> p {
    display: none;
}
.post-type-archive-product.woocommerce .container-wrap {
    padding-top: 0px !important;
}

    Thanks

    ThemeNectar Support Team 

  • martino73 replied
    November 29, 2023 at 2:26pm

    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) {
      padding-left: 10%;
    }

    https://martinoc19.sg-host.com/

  •  8,470
    Tahir replied
    November 29, 2023 at 3:12pm

    @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/ .

    1. If you are using WP Rocket use this guide :  https://docs.wp-rocket.me/article/108-render-blocking-javascript-and-css-pagespeed#critical-path-css .
    2. For Woocommerce caching issues see: https://docs.woocommerce.com/document/configuring-caching-plugins/ . 

    Thanks

    ThemeNectar Support Team