Social icon – link to same window

Hello @wordmatej

There isn’t an option to change the target for the social icons. However, you can add a script to change the link to target the same window. You can add PHP code to your site using a plugin like Code Snippets or your functions.php file (in a child theme). For example, the following snippet adds JS to change the link target to the _self value.

add_action( 'wp_footer', function() {
   ?>
      <script>
            jQuery(document).ready(function($) {
               $('.social-button.header-social-item').attr('target', '_self');
            });
      </script>
   <?php
});

hi and ty for you reply.

I managed to overcome this problem, but now I have another issue. On table and mobile in header – bottom row I added shorcode but always appears border on the botom 1px in white. I checked CSS and it’s coming from:

div id=inner-wrap, class=wrap hfeed kt-clear:

.kt-clear {
border-top: solid 1px #e1e1e1 !important;
}

In browser I unckecked this and looks ok but when I add this rulle to CSS border still remains.

Any idea how to disable this white border of 1px?

Hi there,

I’m confused about the border issue. I checked the mobile version, but it’s not noticeable, as the header bottom row has a light background color. If I change the header background with your code added, the issue is visible – here’s a video: https://share.zight.com/yAunDxdj

Try to remove your code and clear the website cache. Let us know if the issue persists, so we can take another look.

Best,
Chito

hi and thanks for reply. I allready cleared website cache.

to solve temporaryly, in the mean time I moved HTML to Main row (from bottom row) and logo with menu to bottom row.
So, to see what is wrong:

• put on mobile view
• on browser change background color of bottom row, wheere is logo and menu (from white to let’s say to red)
• you will see white border-bottom line on bottom row.

I puted this code to css but nothing changes.
How to get rid of this white border – css?

• This reply was modified 1 year, 5 months ago by wordmatej.
• This reply was modified 1 year, 5 months ago by wordmatej.

Hello @wordmatej

There is CSS added to your site that reads:

.kt-clear {
    border-top: solid 1px #e1e1e1 !important;
}

If the CSS is in your custom CSS section, please remove it. Else, add the following CSS to counter it.

.kt-clear {
    border-top: unset !important;
}

thanks for reply,

yes it is in CSS for anoter plugin, but I did as you wrote it.
Regards