Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #800530

    Hi there,

    We are developing a site where the logo is longer than the Enfold logo.

    Using the default logo dimensions of 340px x 156px means that the logo displays too small.

    Is it possible to edit the code so that we can increase the width allocated to the logo?

    Many thanks,

    Andrea

    #800602

    Hey Andrea,

    Could you please give us a link to your website, we need more context to be able to help you.

    Best regards,
    Victoria

    #801174

    Thanks Victoria. I’ve included the details in the Private Content below. Thanks!

    #801320

    Hi,

    To solve your problem, just add these custom CSS code:

      .logo img {
         width: 300px;
         height: 138px !important;
         max-height: 138px !important;
      } 
    
      .av-logo-container {
        height: 116px !important;
      }
    

    Best regards,
    John Torvik

    #802090

    Many thanks John!
    Just checking – did you mean for the height of the .av-log-container to be 138px?

    #802377

    Hi,

    Johns code sets the logo image to 138 pixels height, did that work out for you?

    Best regards,
    Rikard

    #802614

    Hi Rikard,

    Yes it does work thanks – if we set the height of the .av-log-container to the same height as the .logo omg (i.e. it didn’t work at 116px). So, that was the only reason for the query.

    But, the logo is now as we wanted, so no worries. Many thanks again for your help!

    Andrea

    #802748

    Hi Andrea,

    Glad you got it working for you! :)

    If you need further assistance please let us know.
    Best regards,
    Victoria

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