Important notice: we will respond to all open ticket requests up until November the 1st. After this date, we will be unable to process the ticket requests here on Ticksy.

Okay
  Public Ticket #2068071
adjust logo to bigger size
Closed

Comments

  • danau started the conversation
    July 3, 2019 at 9:50am

    Hi,

    Could you please show me how to adjust the logo to have it displays bigger on the header

    Also, how do I adjust the logo to a bigger size on mobile.

    Thanks,

    Danny

  •  1,845
    Elated replied
    July 3, 2019 at 11:15am

    Hi Danny,

    1- the size of the logo is tied together with the height of the header. You need to navigate to Elated Options > Header > Height and set it to a number that you'd like. (see image below)

    6538667210.png

    Next you need to copy the following code into Appearance > Customize > Additional CSS or Elated Options > General > Custom CSS and set the values to be the same as the one you input with the previous step.

    .eltdf-page-header .eltdf-logo-area .eltdf-logo-wrapper a, .eltdf-page-header .eltdf-menu-area .eltdf-logo-wrapper a {
    max-height: 150px !important;
    height: 150px !important;
}

    2- In order to change the size of the mobile menu logo please use the following code:

    .eltdf-mobile-header .eltdf-mobile-logo-wrapper a {
    height: 60px !important;
}

    Hope this helps! If there is anything else that we can help you with please don't hesitate to ask.

    Kind regards,

    Sean

    The Elated Support Center has been moved to our centralized support platform. 

    Please note that any existing tickets prior to this change will be answered right here on Ticksy, and in due time. 

    If you wish to submit a new support request, for all new inquiries please head on to our Help Center.

    Elated Themes is part of Qode Interactive – the home of 300+ premium WordPress themes.

    Don’t forget to sign up for our newsletter and be the first to find out all the latest news.