header modifications

[Kupka]

Hi, may be the topic was already covered so sorry in advance. Here my specifications: http://screencast-o-matic.com/watch/coXZQPhrDQ thanks a lot! best dan

[Anshuman Sahu]

Can you share the url of your site to provide the css for these?

[Kupka]

login details: http://742.222.myftpupload.com/ Kupka84 pw: *LXFXa48bUrmCD55Tgbly^JO

[Anshuman Sahu]

add the given css from wp-admin -> appearance -> customize -> custom css: a.vbpregister {     display: none;   } a.smallimg.vbpcart {     display: none; } header.fix {     background: transparent !important; }   header.fix.fixed {     background: rgba(0,0,0,0.6) !important; } And for the scrolling you have to add a <div id="about"></div> in your content where you want to scroll to  and then in menus provide the link of the menu item like : " #about  " Same goes for other elements .

[Kupka]

Okay works. But the header still moves down. I want it to be fixed so it does not move down when scrolling down. If i edit in wplms-> header-> static the header disappears.  Thanks.

[Anshuman Sahu]

Sorry i could not understand the header is still down ? DO you mean that header gets shrinked when page is scrolled down ? Please refer  this topic to stop header from getting shrinked : https://wplms.io/support/forums/topic/header-in-child-one-theme/

[Kupka]

Hi Alex, its not about shrinking. The header should be fixed at the top like you have on this site. thx.

[Anshuman Sahu]

Please share a link or screenshot of your example of header . I gues the header is fixed already in childone theme .

[Kupka]

Hi Alex, hope its clear now. THanks http://screencast-o-matic.com/watch/coXuljh3MC

[Anshuman Sahu]

Try adding the given css from wp-admin ->appearance-> customize ->custom css:

header.fixed #searchicon{padding: 28px 0 24px;}

 header.fixed #logo{    float: left;

margin-top: 15px;   }

 header.fixed #logo img{max-height:48px;

 }

header.fixed nav .menu > li > a{

  font-family: 'Raleway',sans-serif;

    font-weight: 600;

    margin: 0 10px;

    padding: 30px 6px;

    display: inline-block;

    font-size: 13px;

    text-transform: uppercase;

    color: #FFF;

    opacity: 0.8;

    position: relative;

  

}

header.fixed .topmenu li{

      padding: 30px 12px;

    float: left;

}

[Kupka]

I tried. Not working.

[Kupka]

Header disappears if I enable static header http://prntscr.com/994ihs on the home page (layer slider is enabled). On other pages it works perfectly! Lets leave it for now and I come back to when the issue becomes urgent. Thanks for helping me out.

[Author]

Posts