Design of Top-Header on mobile devices

pabelmax

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

akhilesh

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

pabelmax

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

akhilesh

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