Kutethemes

Customer

Social Icon Color

Posted by: Stascotech May 12, 2020 at 10:32 (5 year ago)

How can I add official colors to social icons in the top bar? Also I want top-bar to be visible in mobile view above the logo. I only have social icons and Language switcher icons in it. How can this be achieved?

Customer

Posted by: yame, May 13, 2020 at 02:11 (5 year ago)

Hi,

Could you please explain by screenshot? I would like to understand you question then I will give you the correct answer...

Awaiting your reply soon ....
Regards,
Yame
Customer

Posted by: Stascotech, May 13, 2020 at 04:28 (5 year ago)

1) I mean like snapchat icon is yellow, facebook is blue etc. I want them to display in their official colors.
2) For the second part, I was asking if top bar can be displayed in the mobile view so i can display social icons and language switcher above the logo in mobile.

Screenshot_1-5ebb7763801f9.png
Manager

Posted by: yame, May 14, 2020 at 01:47 (5 year ago)

1. Yes, you can do it by adding css code for each icon. For example,
.header .top-bar-menu li a:not(:hover) .fa-facebook{
color: #1f6cf8;
}
=> "fa-facebook" is the class of icon
=> "#1f6cf8" the color you can change

2. Header in mobile version is the abridged form. You can add css code to show social icons if you want:
@media (max-width: 1199px){
.header{
display: block !important;
}
.header-mobile{
display: none !important;
}
}

Pls NOTE: You should do back up all these css code if you want to update theme in the future without loosing.
Pls do it then let me know the result

If you satisfied with this support, hope that you will spend a little time and go to this website:
https://themeforest.net/item/lewear-multipurpose-woocommerce-theme/24743918 and leave your 5 stars and your good comments there. It is really worth to me

Thank you so much!
Yame
Customer

Posted by: Stascotech, May 14, 2020 at 11:47 (5 year ago)

I managed to get top bar visible on mobile screen but only when Customize screen is on. Not on any other occasion.
Here is the code that i used

@media (max-width: 1199px){
.header{
display: block !important;
}
.header-mid {
display: none;
}
.header-mid-inner {
display:none;
}
.header-mobile{
/* display: none !important; */
}
.header-submenu-last {
text-align: right;
top: -30px;
position: relative;
}
.header-submenu-first {
text-align: left;
}
}

Screenshot_2-5ebd2fc72f7e4.png
Customer

Posted by: Stascotech, May 14, 2020 at 11:47 (5 year ago)

Here is the second pic

Screenshot_3-5ebd2fe4ef299.png
Manager

Posted by: yame, May 15, 2020 at 01:27 (5 year ago)

So I think you should provide me again your admin account then my coder will check for you
Customer

Posted by: Stascotech, May 15, 2020 at 04:13 (5 year ago)

Details are attached
Manager

Posted by: yame, May 15, 2020 at 09:32 (5 year ago)

Please provide your ftp account. My coder will style in Theme Options and you will have the option to select.
Thanks!
Customer

Posted by: Stascotech, May 15, 2020 at 10:56 (5 year ago)

Did something happen? My site is showing error.
Customer

Posted by: Stascotech, May 15, 2020 at 11:13 (5 year ago)

Please Fix the site its completely down.

Screenshot_1-5ebe794e42e8a.jpg
Manager

Posted by: yame, May 16, 2020 at 01:46 (5 year ago)

Okay my coder will check right now. Don't worry. I will inform you if he answers me
Manager

Posted by: yame, May 16, 2020 at 01:55 (5 year ago)

It's done: https://prnt.sc/shpbpt
My coder has updated the theme for you. Pls check then let me know
Customer

Posted by: Stascotech, May 18, 2020 at 10:56 (5 year ago)

Thank You for the last one. Its fine on mobile but now there are 2 headers from screen width 769px to 1199px. Please help me fix this. Thank You

Screenshot_6-5ec269e6da9b0.jpg
Customer

Posted by: Stascotech, May 18, 2020 at 10:57 (5 year ago)

At 769px

Screenshot_7-5ec26a06a0793.jpg
Manager

Posted by: yame, May 19, 2020 at 09:38 (5 year ago)

Excuse me, I don't understand.

You are mentioning to the social icons in both these screens, right?
Customer

Posted by: Stascotech, May 19, 2020 at 10:38 (5 year ago)

I mean there are 2 headers displaying i.e 2 logos 2 carts 2 menus in these screens
Customer

Posted by: Stascotech, May 22, 2020 at 05:12 (5 year ago)

Please respond I have to finish my work. Thank You.
Manager

Posted by: yame, May 22, 2020 at 11:17 (5 year ago)

DONE. My coder has adjusted some CSS code in Theme Options. You should back up that code

Advanced Search

Category Username ID Topic

FORUM CATEGORIES

WordPress
- Armania 29
- Biolife 29
- Boutique 68
- Dukamarket 29
- Ecotech 7
- Elinor 12
- KuteShop 28
- Masino 1
- Moozo 5
- Ocolus 5
- TechOne 25
- Turan 6
- Umeno 13
- Uminex 11
Prestashop
- Boutique 0
- Logancee 0
- London Stars 0
- SuperShop 0
HTML Templates
- Alesia 0
- Biolife 0
- Boutique 0
- EDO 0
- Envy 0
- Krystal 0
- KuteShop 0
- Leka 0
- LuckyShop 0
- Quinto 0
- Techone 0

Social Icon Color

INSTALLATION SERVICE

CUSTOMIZED SERVICES

WORKING TIME

FORUM CATEGORIES