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 #1947261
Mobile logo
Closed

Comments

  •  2
    ilaria started the conversation

    hi there, I am trying to make mobile logo bigger as it is not nively visible as is. 

    I would like to take away the border next to logo so it can be made wider? How is this possible to achieve?

  •  1,845
    Elated replied

    Hello,

    Thank you for reaching us.

    I can see you're using vertical header type for your website, so I'm not sure if you have any more space to make this wider. Can you please explain a bit more what you want to achieve, or provide me with some sort of graphic illustration of the desired appearance. Thank you.

    1166512981.png

    If you want to remove bottom border, you should go to Elated Options > Header

    5315957554.png


    Looking forward to your feedback.

    Giovanni


    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.

  •  2
    ilaria replied

    thank you for replying so fast - it is much much appreciated. My issue is not with normal screen vertical header - taht is perfect. my issue is with mobile header, specifically the logo. Please seem image attached. 

    I need to make this logo bigger, but when i do, it gets distorted because the border lines keep blocking it from being wider? how do i ensure a bigger and wider logo for mobile, without those right hand border?

  •  1,845
    Elated replied

    Hi,

    You're welcome, we're doing our best to help all users outsmile.png

    Try adding this CSS to Appearance > Customize > Additional CSS

    @media only screen and (max-width: 600px){
        .eltdf-position-left {
            max-width: 110px !important;
        }
        .eltdf-mobile-header .eltdf-mobile-logo-wrapper a {
            max-height: 200px !important;
            height: 70px !important;
        }
        .eltdf-mobile-header .eltdf-vertical-align-containers .eltdf-position-left {
            border-right: none !important;
        }
    }
    

    Before:

    4392849677.png

    After:

    1042715649.png

    Let me know if you need any further assistance!

    Giovanni


    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.

  •   Elated replied privately