Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • June 29, 2016 at 7:12 am #654631
    swotmarketing

    Hi Support,

    I need to create my logo to fix on header with overlay effect like:
    http://www.nanxiang.com.my/wp-content/uploads/2016/06/1.jpg

    May i know what is the css behind?

    thanks

    June 29, 2016 at 8:34 am #654656
    begrafiks

    hi @swotmarketing;
    try with these lines of CSS code ;

    .html_header_top.html_logo_center .logo { left: 53% !important;}
.logo {height: 300px !important; width: 300px !important;} (change only the size of your logo)
.avia-fullwidth-slider.avia-builder-el-0{border-top:none;margin-top: 212px !important;}
    June 29, 2016 at 8:40 am #654658
    swotmarketing

    Hi begrafiks,

    Thanks for replied.

    I tried your code does not work. 

    .logo {
 z-index: 999999!important;
 position: fixed!important;
 height: 196px!important;
 width: 160px!important; 
 text-shadow: 2px 2px!important;

}

.av-section-bottom-logo {
  position: fixed!important;
  width: 100%!important;
  height: 15%!important;
  z-index: 999!important;
}

    But it works when i applied above code. But i like it to be shrink smaller when scroll down. May i know what code i should you in this case?

    • This reply was modified 8 years, 4 months ago by swotmarketing.
    June 30, 2016 at 12:03 am #655034
    begrafiks

    hi @swotmarketing;
    once I’ve used the code below to have a “big” logo at left which shrinks :
    use it at your own tisque !

    .responsive .logo {display: block !important}
.logo, .logo a{overflow: visible !important;}
.logo img {height: 170%; max-height: 260px !important;}
    July 1, 2016 at 6:55 am #655533
    Rikard

    Hi,

    Thanks for sharing @begrafiks, did you try it out @swotmarketing ?

    Best regards,
    Rikard

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.