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 #1184829
top header
Closed

Comments

  • crisvipurban started the conversation
    May 26, 2017 at 7:10am

    Hello!

    I have 2 texts in the top header area, one in the right part and one in the left.

    I need to put some space between the edge of the screen and those texts (on desktop). 

    On the mobile version they are not visible. I need only the text in the right corner to show on mobile. It's a phone number and it is important.

    Can you help me please?

    Thanks,

    Cristina

  •  1,845
    Elated replied
    May 29, 2017 at 3:03pm

    Hi crisvipurban ,

    I went ahead and wrote some custom CSS code for you, add it to Elated Options > General > Custom CSS:

    @media only screen and (max-width: 1000px){
        .header_top .right .inner>div:first-child {
            display: block !important;
        }
    }

    @media only screen and (max-width: 1000px){
        .header_top .right .inner>div, .header_top .right .inner .header-widget{
            float:left !important;
        }
    }
.header_top .right .inner>div, .header_top .right .inner .header-widget .textwidget {
        min-width: 300px;
    }
@media only screen and (max-width: 480px){
        .header_top .left {
            display:none;
        }
    }

    Let me know if that works.

    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.

  • crisvipurban replied
    June 6, 2017 at 8:45am

    Hello! Yes, it shows now. But... do you think we can make it align on the right? Now it's neither on the left/ center or right. :)

  •  1,845
    Elated replied
    June 7, 2017 at 9:38am

    Hello again,

    Can you please try to paste code below into Elated Options > General > Custom Css field 

    @media screen and (max-width: 1000px){
        .inner {
            overflow: hidden;
        }
    .textwidget {
            text-align: right;
        }
    .header-widget.widget_text.header-right-widget {
            width: 100%;
        }
    }

    Please let us know if this solved the issue and if there is anything else we can do for you.

    Thanks.

    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.