Okay
  Public Ticket #3502329
nectar-shop-header
Closed

Comments

  • asal started the conversation

    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,967
    Andrew replied

    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

    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,860
    Tahir replied

    @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

    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,860
    Tahir replied

    @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