How can I shift a phone icon to the right of text using CSS?

Store Design
1

Hi :slightly_smiling_face:

I want to move the phoen icon (header) to the right of the text of the phone number,

what css code can do that? Thank you!

Screenshot (13).png
Screenshot (13).png669×762 156 KB

site: berez.org.il

pass: zadoko8

2

Hello @malul

Step 1: Go to Online Store → Theme → Edit code.
Step 2: Search file style.css
Step 3: Paste the below code at bottom of the file → Save

.ltn__header-top-area .col-md-7 ul li:first-child a {
    display: flex;
}

.ltn__header-top-area .col-md-7 ul li:first-child a i {
    margin-right: 0;
    margin-left: 3px;
}
3

Go to your Online store > Themes > Edit code > Assets > open style.css and add this code at the bottom

.ltn__top-bar-menu .icon-call { 
    float: right; 
    margin-left: 3px;
}

Screenshot 2023-05-12 at 09.52.38.png
Screenshot 2023-05-12 at 09.52.38.png557×371 53.5 KB

4

Hello @malul

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->style.css>Add this code at the bottom.

.ltn__top-bar-menu i.icon-call {
    float: right;
    margin-left: 3px;
}