Moving Custom logo

  • Hello Guys,

    Any help would be greatly appreciated.
    I would like to know how I can move my custom logo image next to my navbar.
    I have tried using the following code, but it has not worked:

    .logo .img-responsive {
    margin-left: -180px;
    margin-bottom: -100px;
    position: relative;
    z-index: 1;
    }

    it only worked moving my logo to the left, but not the bottom.

    My site

    Thank you!

Viewing 6 replies - 1 through 6 (of 6 total)

  • You have to include both logo and nav in same div to do this. Also, take care of column sizes.

    since you have the position set to relative you can use css attributes top,left,bottom,and right to position it. You have to be careful not to overlay any of your elements

    example

    .logo .img-responsive {
    margin-left: -180px;
    margin-bottom: -100px;
    position: relative;
    z-index: 1;
    top: 88px;
}

    Thread Starter matejada

    (@matejada)

    thank you so much guys.

    @mrtom414 – that really help.
    What I was envisioning was placing my custom logo and contact info along in line with the navbar. But I think freely moving the logo won’t help much because the contact info still remains top-right making the whole thing look awkward.

    But anyways, thank you guys!

    You might be able to do this with flex boxes but it would take a little experimenting. I know if you set margins to 100% in a flex box it will use all remaining space to separate the elements. If I had more time I would play with it but I have to catch a plane

    Thread Starter matejada

    (@matejada)

    Thank you for your support. I would definitely look into it.
    I also thought of decreasing header size. That way, I’m assuming that will push my contact info closer to my navbar.

    Do you know how I can do this?

    Thank you!

    Hi.@matejada

    Please raise your issue on Premium Theme Forum, here we provide only free theme support.

    Thanks.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Moving Custom logo’ is closed to new replies.