Design of Top-Header on mobile devices

Hello,

I want to modify the top header of the page for mobile devices.

During the Desktop view is fine - so contact information are on the left side of the header and social icons on the right hand side of the header,
there seems to be a problem for tablet and mobile devices.

There is a new line / line feed between left and right part of the header on mobile devices. How can I disable this?
For smartphones I want to show less content in the header (e.g. don't show the mailadress). How can I do this?

As a last point I want to change the size of the Website-Logo for each device-size. Can I do this using custom CSS? Can you give me a code snippet to solve this?

Thanks a lot

Max Pabel
Linefeed_Header.png
7K

Comments

  • Hi 
    Thanks for contacting to us.
    To hide mail address in mobile device add the below css code additional css box. 

    @media only screen and (max-width: 480px) and (min-width: 200px) 

    ul.header_contact_info li:last-child {
        display: none;
    }
    }

    To show phone and icon in same line add the below css code inside the additional CSS box.

    @media (min-width: 200px)
    {
    .header-sidebar .col-md-6 {
        width: 50%;
        float: left;
    }
    }

    Thanks
    Akhilesh




  • Thanks a lot for your answer. That's working fine for me.

    Do you have an answer for my third part of the question, too?

    "As a last point I want to change the size of the Website-Logo for each
    device-size. Can I do this using custom CSS? Can you give me a code
    snippet to solve this?"

    Now there is a new question added - is it possible to change the alignment of the footer callout area to center? Now its alignment is left.

    I would be happy to hear from you soon.
    Thanks a lot.

    Max
  • edited January 14
    HI 
    Hi Yes it is possible to Changing logo size for each device size, For this query pls create separate ticket bz multiple query in single thread create complexity to handle better support query.
    Always open new ticket for each query.
    Thanks 
This discussion has been closed.