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 #2033500
Mobile Header
Closed

Comments

  • 19theagency started the conversation

    On the mobile view, there is a large space between my header, and the content. How can I adjust this space?

  •  1,845
    Elated replied

    Hello there,

    Thank you for writing in.

    You could try using % instead of pixels for your top padding on a page

    6225859043.png

    If there’s anything else we can help you with, please let us know.

    Best Regards,

    Nolan



    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.

  • 19theagency replied

    These instructions did not work for my issue. Please take a look at the screenshots I attached. I'm referring to the header area throughout the site, not just on the post. The spacing is perfect on the desktop, but it is too much space on the mobile view. How can I adjust this?

  •  1,845
    Elated replied

    Hello there,

    There seems to be some custom code that is setting the the padding top to be 300px. In order to fix this please use the following code by copying it into 

    @media only screen and (max-width: 1024px) {
        .page-id-3278 .eltd-content .eltd-content-inner > .eltd-container > .eltd-container-inner, .page-id-3278 .eltd-content .eltd-content-inner > .eltd-full-width > .eltd-full-width-inner, .postid-3278 .eltd-content .eltd-content-inner > .eltd-container > .eltd-container-inner, .postid-3278 .eltd-content .eltd-content-inner > .eltd-full-width > .eltd-full-width-inner {
            padding-top: 30px;
        }
    }

    This will lower the top padding for smaller screens only.

    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.