Home › Forums › WoodMart support forum › Increasing and moving logo to overlap two header rows

Increasing and moving logo to overlap two header rows

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • December 25, 2024 at 6:25 am #625214

    shawnz28
    Participant

    I am working on migrating to Woodmart on my staging site. One element I would like to keep from my current is the large logo that overlapped two of the header rows. I have been trying different things in CSS but cant find the right combo.

    Using this below it will increase the logo size up to 150px though seems anything I choose above 150 the image then shrinks back down to the original resized height determined by header builder. Also if I try to reposition the logo it again shrinks back down. I have tried various CSS and increased the row section width in header builder

    .wd-logo {
    max-height: 150px;
    }

    I am trying to recreate this logo layout – http://www.saltycritter.com (which is my current live site)

    I will add a link and user/pw to staging in the private section

    December 25, 2024 at 3:34 pm #625289

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    Please use the below custom CSS code and paste it to Theme Options >> Custom CSS >> Desktop CSS section:

    .wd-logo img {
    max-height: none !important;
    height: auto !important;
    width: auto !important;
     top: -50px !important; 
   position: relative !important;
}

    Best Regards

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)