Logo Placement

This topic contains 2 replies, has 2 voices, and was last updated by  centurypixel 4 years, 1 month ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #148

    centurypixel
    Participant

    Hello,
    My logo dimensions are 430 x 57 pixels. I went into the template settings and under ThemeMagic I changed the logo sizing fields, however, it is not taking effect.
    Logo cuts off.

    Part of the logo is cutting off, I am assuming it is due to the sizing of the menu position size?

    When I add below code to custom.css it works, then however, the logo does not resize in mobile view.

    h1.logo-image a {
      background-repeat: no-repeat;
      width: 430px;
      height: 57px;
    }
    
    .logo-image {
      background-repeat: no-repeat;
      width: 430px;
      height: 77px;
    

    I also noticed that that I cannot resize the menu width (Position 9 under layout)
    Cannot Resize Number 9 Position

    How can I correct these issues?

    Thank you so much!

    • This topic was modified 4 years, 1 month ago by  centurypixel.
    #150

    turnleft
    Keymaster

    Please change it to

    h1.logo-image a {
      background-repeat: no-repeat;
      background-size: 100% 100%;
      width: 430px;
      height: 57px;
      max-width: 100%;
    }

    delete all .logo-image code
    click save and close,
    then click on hermoso, on “Template” column
    edit tpls > blocks, header.php,
    change span3 to span6 and span9 to span6.

    Regards

    #151

    centurypixel
    Participant

    You, sir, is awesome. Thank you!

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.