Mobile View - Logo\Header

Hello,

I have a logo and contact information as a jpeg image across the header area. The image looks fine via a computer browser, however via a mobile the device the logo image header is very tiny.

www.irgfirm.com

Thx

 

Hi,

As this theme is responsive and you are using logo and contact information in the same image.That's why in mobile view it looks tiny.

We will suggest you to use separate images for logo and contact information.

Thanks,
Praveen

 

So if i separate the logo from the contact information, how do i get the contact information image in the location that it is in currently?

 

Hi,

Please follow the screenshot given below.


Now, paste the following css code in custom css section.

Code:

.header_contact {
float: right;
}

Thanks
Praveen

 

I added the code and the image. I just need the code to align the information image height with the logo so they are horizontally equal at eye level.

 

Hi,

Use this css code.

Code:

.header_contact {
margin-top: -55px;
}

Thanks,
Praveen

 

Fixed