Displaying header text on mobile

  • Hi, thanks for the great theme. I’d like to display the header text on mobile devices and would be grateful if anyone could point me in the right direction to achieve this.

    Thanks in advance,
    Sean

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)

  • Hi there,

    Thank you for writing in.
    Please follow the instruction kindly to display top header info of your site on a phone device.
    Go to your Dashboard ->Appearance ->Customize, Select Additional CSS and add the following code then save it.

    @media (max-width: 940px){
    .body_template_two #top-header.center_menu_top .header_text_left .header-text, .body_template_two #top-header.center_menu_top .right-header .ak-search {
    display: block !important;
    margin-top: 20px;
    }
    #top-header .header_text_left .header-text p{
    white-space: nowrap;
    }
    }

    Thank you !!

    Thread Starter seanpearse

    (@seanpearse)

    Hi, thanks very much for your prompt response and assistance. It’s getting there but it’s now showing the search bar and facebook icon also and looks a little distorted on mobile (see screenshot: https://photos.app.goo.gl/H09LfbOGIG5LnONI2 )

    Is it possible have it so it’s just the header text and logo side by side?

    Thanks again for your help with this.

    Best regards,
    Sean

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Displaying header text on mobile’ is closed to new replies.