Return to previous page

Icons horizontal responsive mode mobile - by Eduard

This topic has 13 replies, 3 voices, and was last updated 4 years, 6 months ago ago by Olga Barlow

Eduard

Participant

October 4, 2019 at 12:16

hello, can you help me with a problem? I try to make these icons horizontally in responsive mode but I can not..you can help me please with the code css pleaseeee!!!!

https://prntscr.com/pesdaq

Thank you very much

#222554 Copied Theme version: 6.1 WooCommerce version: 3.1

12 Answers

Rose Tyler

Support staff

October 4, 2019 at 13:17

Hello,

Please check your “test” page now.

Regards

#222556 Copied

Eduard

Participant

October 4, 2019 at 13:18

thank you very very much rose

#222557 Copied

Rose Tyler

Support staff

October 4, 2019 at 13:22

Hello,

You’re welcome!

Regards

#222559 Copied

Eduard

Participant

October 4, 2019 at 13:27

rose if i put on the html block 2 on the header buider menu, top header wher i need to put the css???

#222562 Copied

Rose Tyler

Support staff

October 4, 2019 at 13:43

Hello,

Global custom CSS area in Theme Options.

Regards

#222563 Copied

Eduard

Participant

October 4, 2019 at 13:47

it not works??? :(((( on mobile it still vertical

#222564 Copied

Eduard

Participant

October 4, 2019 at 14:13

i have put this in the html block 2 on the header building mobile :

[vc_row][vc_column width=”4/12″][/vc_column][vc_column width=”4/12″ el_class=”text-center”][vc_icon icon_fontawesome=”fa fa-phone” color=”custom” align=”center” custom_color=”#5472d2″ link=”url:tel%3A0771773751|||”][vc_icon icon_fontawesome=”fa fa-whatsapp” color=”custom” align=”center” custom_color=”#25d366″ link=”url:https%3A%2F%2Fapi.whatsapp.com%2Fsend%3Fphone%3D%2B40721777771|||”][vc_icon icon_fontawesome=”fa fa-comments-o” color=”custom” align=”center” custom_color=”#0084ff” link=”url:http%3A%2F%2Fm.me%2Fmagneticnailromania%2F|||”][/vc_column][vc_column width=”4/12″][/vc_column][/vc_row]

and the css in the global custom and it still show vertical, pleaseee helpp

#222565 Copied
Rose Tyler

Support staff

October 4, 2019 at 14:28
Create a static block with the desired content – http://prntscr.com/peudtl , set this block for the HTML element inside a Connect block – https://prnt.sc/peugy5 + custom CSS code – http://prntscr.com/peuhno
```
.et_b_header-html_block .vc_icon_element {
    display: inline-block;
}
```
I’ve created a “test” static block on your site.

Regards
#222568 Copied
Eduard

Participant

October 4, 2019 at 14:41

I did exactly what you told me, but everything is vertically visible, you can check and correct you please

#222571 Copied

Rose Tyler

Support staff

October 4, 2019 at 14:48

Please check now.

Regards

#222574 Copied

Eduard

Participant

October 7, 2019 at 06:24

thank you very much its perfect

#222690 Copied

Olga Barlow

Support staff

October 7, 2019 at 16:55

Hello,

You are welcome.

Regards

#222721 Copied
Viewing 13 results - 1 through 13 (of 13 total)