Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • November 10, 2015 at 10:38 am #533129
    thatkidaathi

    Hello,

    I’m trying to figure out a way to make my logo bigger but that it stays in the same position > but it can go in to the small bar above header.
    Look at this before and after screenshot to see what i want:

    Screenshot

    Thank you for your help.

    Cheers,
    Aathi

    November 10, 2015 at 2:58 pm #533297
    Yigit

    Hi Arthith!

    Can you please post the link to your website?

    Best regards,
    Yigit

    November 10, 2015 at 3:00 pm #533299
    thatkidaathi

    Here’s the link, thank you

    November 12, 2015 at 9:42 am #534632
    thatkidaathi

    Did you figure out a way?

    Cheers,
    Aathi

    November 12, 2015 at 3:17 pm #534805
    Yigit

    Hey!

    Unfortunately, no. Because of the customization you made to your header, it is not easily possible. You are going to need to adjust z-index values. If Header meta (top bar) has higher value, top of the logo is cropped. If Header main area has higher value than header meta, then secondary menu goes behind header main area and be invisible.

    If you have an alternative in your mind, please let us know so we can see what we can try further :)

    Best regards,
    Yigit

    November 12, 2015 at 3:20 pm #534808
    thatkidaathi

    The alternative option would be to hide the small bar above but still keeping the menu points as it is now.
    so basically the logo is still the same size, but there’s not a huge gap between logo and and top

    how do i change the z-index value. i tried this once but i couldn’t figure out how it works.

    November 12, 2015 at 3:27 pm #534811
    Yigit

    Hey!

    Please add following code to Quick CSS

    #header_meta {
    margin-top: -30px;
}
.html_header_top.html_header_sticky #top #wrap_all #main {
    padding-top: 112px !important;
}

    Best regards,
    Yigit

    November 12, 2015 at 3:40 pm #534826
    thatkidaathi

    Yes this worked! but now there is no gap between the logo and the top. how can i add about 5 px from the top to the logo

    cheers,
    Arthith

    November 12, 2015 at 3:42 pm #534829
    Yigit

    Hey!

    Please change “-30px” to “-25px” and “112px” to “117px” in the code i posted above :)

    Best regards,
    Yigit

    November 12, 2015 at 3:44 pm #534831
    thatkidaathi

    perfect thank you

    November 12, 2015 at 3:48 pm #534832
    Yigit

    Hey!

    You are welcome! Let us know if you have any other questions or issues :)

    Best regards,
    Yigit

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Header Logo Resize’ is closed to new replies.