Return to previous page

Removing the Talk Icon in the Sharing Box

This topic has 14 replies, 3 voices, and was last updated 8 years, 2 months ago ago by Eva Kemp

khoavo

Participant

September 22, 2016 at 19:28

Hi there,

Could you please show me how to remove or hide the Talking Icon that appears in the Sharing Box?

See screenshot: http://prnt.sc/cl53i8

I’m using Child Theme, so I need this change to remain after a Theme Update.

Thanks!

Please, contact administrator
for this information.

#140518 Copied

13 Answers
Rose Tyler

Support staff

September 22, 2016 at 19:40
Hello,

You can add this code in Custom CSS or in child theme style.css:
```
.header-type-7 .header .tbs span:before {
    display: none;
}
```
Regards,
Rose Tyler.
#140522 Copied
khoavo

Participant

September 22, 2016 at 21:38

Thank you for the quick response! I added it to Custom CSS.

I also have one more issue if you don’t mind.

I noticed the Slider Revolution wen set to Full-Screen mode, it’s not 100% responsive. Parts of my Slide Image gets cut off when viewed on smaller monitor and mobile device.

Please see the URL I’ve included in the private box. It’s a duplicate test site I’m using before applying the changes to the main site.

The ROYAL Theme Main Demo Home Slider, I noticed the images there are not 100% responsive either. Parts of the images gets cut off as well. I was gonna use that sample slider but it’s the same issue.

Let me know exactly which value to set so that my Full-screen mode slider is 100% when used within the Royal Theme. Thanks.

Please, contact administrator
for this information.

#140530 Copied

khoavo

Participant

September 23, 2016 at 03:50

Also, that entire SHARE box of icons doesn’t display on Mobile Device. Is that part not responsive? Let me know if there’s a way to display the SHARE box when viewed on mobile device.

Thanks again!

#140534 Copied

khoavo

Participant

September 23, 2016 at 04:57

Getting back to the Home Slider Responsive issue, FYI…I’m currently using the Main Background Image for each slide. I just tried inserting an image as a “Layer” for the background and selected “Fullwidth” and also “Cover” option in the Slide Layer Settings. But it’s not 100% responsive.

That’s all. Thanks.

#140538 Copied

Rose Tyler

Support staff

September 23, 2016 at 06:08

Hello,

If you want to change slider for different devices then use Revolution Slider Responsive options, here is documentation https://www.themepunch.com/revslider-doc/slider-setup/#slidelayout and video tutorial https://www.youtube.com/watch?v=iyuxFo-WBiU&index=8&list=PLSCdqDWVMJPPDcH_57CNZvLckoB8cimJF

Regards,
Rose Tyler.

#140539 Copied

khoavo

Participant

September 23, 2016 at 06:15

What about the issue on the SHARE box, not the Royal Header. It’s not showing on Mobile Device.

This SHARE box, see screenshot (ignore the arrow drawing):

http://prnt.sc/cl53i8

#140541 Copied
Eva Kemp

Support staff

September 23, 2016 at 07:38
Hello,

Add this code in Custom CSS for mobile:
```
.tbs.blog-description {
    display: table-cell !important;
}
```
Regards,
Eva Kemp.
#140544 Copied
khoavo

Participant

September 23, 2016 at 09:08

Hey Eva, Thanks for the quick response.

Unfortunately that Custom CSS doesn’t place the Share box neatly on the header.

See screenshot: http://prnt.sc/clc668

If there’s a way to shrink it down in size, or maybe perhaps place it inside the Hamburger dropdown menu? I just want it to look nice and neat in responsive mode. Thanks!

#140562 Copied
Eva Kemp

Support staff

September 23, 2016 at 12:13
Hello,

There is no option to move it to mobile menu. Sorry.
You can make it smaller using this code in Custom CSS for mobile:
```
.header-type-7 .header .tbs span {
   padding: 0px 0px;
}
```
Also try to use this code:
```
.tbs.blog-description {
    display: table !important;
    margin-left: 30%;
    margin-bottom: 30px;
}
```
Regards,
Eva Kemp.
#140589 Copied
khoavo

Participant

September 23, 2016 at 16:52

I used this Custom CSS below, it made the SHARE box smaller, but it doesn’t display on Mobile Device:

.header-type-7 .header .tbs span {
padding: 6px 8px;
}

When I used this below, it displays on Mobile, but the SHARE box is way too big and I don’t know how to decrease its size:

.tbs.blog-description {
display: table !important;
margin-left: 30%;
margin-bottom: 30px;
}

#140617 Copied

Eva Kemp

Support staff

September 23, 2016 at 17:54

Hello,

You need use both parts of code.
Please try it.

Regards,
Eva Kemp.

#140625 Copied

khoavo

Participant

September 23, 2016 at 18:09

All good for now. THANK YOU SOOOOOO MUCH for your excellent customer support!

#140627 Copied

Eva Kemp

Support staff

September 23, 2016 at 18:49

Hello,

You’re welcome.

Regards,
Eva Kemp.

#140632 Copied
Viewing 14 results - 1 through 14 (of 14 total)