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 #2129916
mobile view
Closed

Comments

  •  1
    farhan started the conversation
    August 27, 2019 at 1:28pm

    The heading is displaying perfectly on web but its not in center on mobile view, i have tried from padding and row setting

  •  1,845
    Elated replied
    August 27, 2019 at 4:28pm

    Hi there,

    In order to fix this issue please copy the following code into Appearance > Customize > Additional CSS or Elated Options > General > Custom CSS:

    @media only screen and (max-width: 768px) {
    .eltdf-iwt.eltdf-iwt-icon-left-from-title .eltdf-iwt-text-with-icon {
        margin-left: 0 !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
    }
}

    Hope this helps and if there is anything else that we can assist 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.

  •  1
    farhan replied
    August 27, 2019 at 7:04pm

    there is no option of custom CSS in ultraviolette option there is only custom JS option???

  •  1
    farhan replied
    August 27, 2019 at 7:10pm

    after pasting your given code the Elite Heading is now in center but another heading which was alright before is now on right in mobile view

  •  1,845
    Elated replied
    August 28, 2019 at 2:36pm

    Hi,

    Something like this should be good enough:

    @media only screen and (max-width: 768px) {
        .eltdf-iwt.eltdf-iwt-icon-left-from-title .eltdf-iwt-text-with-icon {
            margin-left: 0 !important;
            left: 35% !important;
            transform: translateX(-50%) !important;
        }
    }

    Insert it in Appearance > Customize > Additional CSS instead of the previously given css.

    You can adjust the values further if you like, as well.

    Let me know how it went and if you need anything else.

    Have a nice day!

    Sasha S

    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.