Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • July 5, 2016 at 8:24 am #656872
    promat

    I just added a quick css which enable the logo overlap the slider on below. Initially this logo need to be shrinks down together with the sticky menu on scrolling up. Have tried several things, but none of them work as i aspect to. Possible to make this responsive on both mobile & desktop?
    Appreciate if someone can assist me. Thanks.

    Logo is overlap the slider
    http://goo.gl/MJbhjf

    logo do not shrinks down together with sticky menu
    http://goo.gl/TThW0b

    This is what I need on the result
    http://goo.gl/6xBuxi

    • This topic was modified 7 years, 9 months ago by promat.
    July 5, 2016 at 1:44 pm #657037
    promat

    Does anyone here can help?

    July 5, 2016 at 4:08 pm #657126
    Yigit

    Hi,

    Please remove all of your custom CSS code regarding your logo and try adding following code

    .logo { top: 10px; }

    If that does not help, please let us know after removing your code. You have custom CSS codes in custom.css file, style.css file of your child theme and in Quick CSS field :)

    Best regards,
    Yigit

    July 9, 2016 at 9:08 am #658713
    promat

    Have remove the custom css and added the code as given, but still not happen. The logo is wouldn’t resize/shrinks down.

    July 11, 2016 at 10:35 am #659140
    promat

    Is there other solution?

    July 11, 2016 at 9:13 pm #659545
    Yigit

    Hi,

    Please remove following code as well

    .logo img {
    max-height: 103px !important;
}

    then change the code i posted above to following one

    .logo {
    top: 15px!important;
}

    Best regards,
    Yigit

    July 12, 2016 at 8:49 am #659703
    promat

    Thanks Yigit. This getting close to what i want apparently.
    Now it does shrinks down when scrolling up, but overall the logo size is reduce too and with a gap on top.
    http://goo.gl/nKm1lf
    http://goo.gl/bDrozY

    Have tried change the – .logo {top: 0px !important;} but again logo won’t overlap.

    It is possible to attach the logo on top 0px, and overlap 15px bottom (logo overall size 244px (w) x 103px (h), container 88px height and shrinks when scrolling??
    http://goo.gl/PYyxH3

    July 12, 2016 at 2:10 pm #659852
    Yigit

    Hi,

    I changed the code to following one

    .logo, .logo a {overflow: visible;}
.logo {
    top: 15px;
}
.container.av-logo-container {
    margin-top: -15px !important;
}

.html_header_top.html_header_sticky #top #wrap_all #main {
    padding-top: 87px !important;
}

    Please review your website now

    Best regards,
    Yigit

    July 14, 2016 at 5:47 am #660666
    promat

    You’re the best Yigit. Now the drop-down menu (hover) is not align below the header, a 15px gaps appear since we added top:15px to pull down the logo.
    http://goo.gl/waTQev

    after scrolling up, header shrinks
    http://goo.gl/713CN3

    Have tried to reduce the menu line-height to 88px !important, and it still remain on 103px height. Any clue how to fix this??
    & Thanks.

    July 14, 2016 at 8:37 am #660721
    Vinay

    Hi,

    We added the below css in Quick CSS please review the site now.

    #top #header_main > .container .main_menu ul:first-child > li > a {
max-height:90px!important;
}

    Best regards,
    Vinay

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