Kutethemes

Customer

Social Icon Color

Posted by: Stascotech May 12, 2020 at 10:32 (a month 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 (a month 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 (a month 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 (a month 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 (a month 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 (a month ago)

Here is the second pic

Screenshot_3-5ebd2fe4ef299.png
Manager

Posted by: yame, May 15, 2020 at 01:27 (a month 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 (a month ago)

Details are attached
Manager

Posted by: yame, May 15, 2020 at 09:32 (a month 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 (a month ago)

Did something happen? My site is showing error.
Customer

Posted by: Stascotech, May 15, 2020 at 11:13 (a month ago)

Please Fix the site its completely down.

Screenshot_1-5ebe794e42e8a.jpg
Manager

Posted by: yame, May 16, 2020 at 01:46 (a month 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 (a month 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 (a month 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 (a month ago)

At 769px

Screenshot_7-5ec26a06a0793.jpg
Manager

Posted by: yame, May 19, 2020 at 09:38 (a month 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 (a month 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 (a month ago)

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

Posted by: yame, May 22, 2020 at 11:17 (a month 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 28
- Ayvo 3
- Biolife 64
- Boutique 27
- Digitalworld 0
- Fameshop 1
- HealthyFood 15
- KuteShop 33
- Lewear 5
- Maxstore 1
- Mazano 3
- Ocolus 18
- Smarket 0
- Stuno 3
- TechOne 8
- Turan 4
- Voka 5
- Worldmart 3
Prestashop
- Boutique 4
- Logancee 4
- London Stars 0
- SuperShop 3
HTML Templates
- Alesia 0
- Biolife 1
- Boutique 1
- EDO 0
- Krystal 0
- KuteShop 1
- Leka 0
- LuckyShop 0
- Quinto 0
- Techone 0

Social Icon Color

INSTALLATION SERVICE

CUSTOMIZED SERVICES

WORKING TIME

FORUM CATEGORIES