How to set 2 or more icons and a text into header?

andrewatya
34 Posts
andrewatya posted this 23 October 2017

Hi,
I have a header. I placed 2 icons (a Facebook and a phone) and a text (phonenumber) into this. How can I set them to display from left to right in an order: Facebook icon, phone icon, phone text? I tried to set every style, hovewer it breaks when open to preview.
I attcahed a sample pic.
Thanks,
András

Hi, I have a header. I placed 2 icons (a Facebook and a phone) and a text (phonenumber) into this. How can I set them to display from left to right in an order: Facebook icon, phone icon, phone text? I tried to set every style, hovewer it breaks when open to preview. I attcahed a sample pic. Thanks, András
Vote to pay developers attention to this features or issue.
7 Comments
Order By: Standard | Newest
Support Team
Support Team posted this 23 October 2017

Hi,

Please export your theme with the editor included and attach it to the ticket so we could review.

Sincerely,
Hella

Hi, Please export your theme with the editor included and attach it to the ticket so we could review. Sincerely, Hella
andrewatya
34 Posts
andrewatya posted this 23 October 2017

Hi,
Thank you for helping! I attached the zip file. I dont know if the Themler must be exported too, so I done.
Now I set again the icon images and the text. I used left align positioning and some padding. I would like to know is it possible to get icons closer each other? And how to design in mobile them if I would like to the elements to get below each other when the screen is not enough wide. So can the container expand down if elements in new line?
Thank you!
András

Hi, Thank you for helping! I attached the zip file. I dont know if the Themler must be exported too, so I done. Now I set again the icon images and the text. I used left align positioning and some padding. I would like to know is it possible to get icons closer each other? And how to design in mobile them if I would like to the elements to get below each other when the screen is not enough wide. So can the container expand down if elements in new line? Thank you! András
Support Team
Support Team posted this 24 October 2017

Hi,

I can't reproduce the problem you have illustrated on the first screen shot. As for the elements going on the next line in the phone view, they are already going down but the main brown container does not resize as it has the fixed 50px height. Remove that value (at least for the phone view) and that should help. If you need more assistance, please provide more details and maybe a marked screen shot demonstrating what you are trying to achieve.

Sincerely,
Hella

Hi, I can't reproduce the problem you have illustrated on the first screen shot. As for the elements going on the next line in the phone view, they are already going down but the main brown container does not resize as it has the fixed 50px height. Remove that value (at least for the phone view) and that should help. If you need more assistance, please provide more details and maybe a marked screen shot demonstrating what you are trying to achieve. Sincerely, Hella
andrewatya
34 Posts
andrewatya posted this 24 October 2017

Hi,
Thank you for helping us but I have no users manual despite of I know some style technique. Your help is very useful to me! So, on my last screenshot I set the elements wrong. According to your suggestion, I have done them and it works. I also set the horizontal menu to left position and it fit automtically its container and the submenus are improved (I mentioned in an other topic in your forum).
Now, I have some other issues. I have done a printscreen of the program and attached a zip of template. Every instructions are on the pic!

Thank you in advance!
Kind regards,
András

Hi, Thank you for helping us but I have no users manual despite of I know some style technique. Your help is very useful to me! So, on my last screenshot I set the elements wrong. According to your suggestion, I have done them and it works. I also set the horizontal menu to left position and it fit automtically its container and the submenus are improved (I mentioned in an other topic in your forum). Now, I have some other issues. I have done a printscreen of the program and attached a zip of template. Every instructions are on the pic! Thank you in advance! Kind regards, András
Support Team
Support Team posted this 27 October 2017

Hi,

I've changed the layout of header in the original theme a little. I created it using Columns controls. In this case it is easier to configure the responsive layout because floating and absolute positioning can break the responsive layout if you don't know how corresponding css properties work.

Please check the attached theme and let us know if you have any further questions.

Thank you,
Olivia

Hi, I've changed the layout of header in the original theme a little. I created it using Columns controls. In this case it is easier to configure the responsive layout because floating and absolute positioning can break the responsive layout if you don't know how corresponding css properties work. Please check the attached theme and let us know if you have any further questions. Thank you, Olivia
andrewatya
34 Posts
andrewatya posted this 29 October 2017

Hi,
I checked your changes. It was useful. I will try the column options!!!
Thanks,
Andras

Hi, I checked your changes. It was useful. I will try the column options!!! Thanks, Andras
Support Team
Support Team posted this 30 October 2017

Hi,

You are welcome, please let us know if you need our further help.

Sincerely,
Hella

Hi, You are welcome, please let us know if you need our further help. Sincerely, Hella
You must log in or register to leave comments