Docs

[tarekr]

Hello,

While trying to add some social icon in the Header widget area i have faced a problem when trying to see the page on Firefox.
I using opera and the menu works normally, however the height of the widget are is smaller on Firefox and it missed my Twitter icon.

Second strange problem is when i click to open the collapsed header menu and i move the mouse little bit, there is a RED BOX appearing and this is happening on Firefox.

Please check it and help me in solving this problem. My website is https://tarekrabaa.com

The same missed twitter icon is manifesting on Internet explorer but here i cannot see the small red box in the corner.

Also i am seeing the same problem on mobile screen for Opera and Firefox except on mobile i don’t see the red square around the small icon in the corner.

Attached is a print screen of the problem

Regards,

[Rue Nel]

Hello There,

Thanks for writing in! Since you are using SiteGround, could you please disable the supercacher in your hosting panel? The SuperCacher is developed by SiteGround exclusively for their customers. It increases the number of hits a site can handle and boosts the website loading speed. The SuperCacher includes 4 different caching options for maximum optimization of your websites. You can access the tool by clicking on the SuperCacher icon in your cPanel.

For more information about this, please check it out here: https://www.siteground.com/tutorials/supercacher/supercacher_intro.htm

Hope this helps.

[tarekr]

Hi,

I disabled.

Same issue….It is irrelevant to the problem i am facing

[tarekr]

I solved the problem of RED BOX appearing in the corner by customizing the CSS of the icon….
Still remaining the issue of missed text in the Widget menu.

[Rue Nel]

Hello There,

Thanks for updating in! Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password
– FTP credentials

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

Thank you in advance.

[tarekr]

This reply has been marked as private.

[Paul R]

Hi Tarek,

You can add this under Custom > Edit Global CSS in the Customizer.

a:focus, 
a.x-btn:focus, 
select:focus, 
input[type="file"]:focus, 
input[type="radio"]:focus, 
input[type="submit"]:focus, 
input[type="checkbox"]:focus, 
input[type="button"]:focus {
        outline: none !important;
}

With regards to twitter not showing up, it looks like a browser issue rather than a theme issue.

https://support.mozilla.org/en-US/questions/971062

Regretfully, we cannot provide support for third party software, plugins or scripts as our support policy in the sidebar states due to the fact that there is simply no way to account for all of the potential variables at play when using another developer’s plugin or script. Because of this, any questions you have regarding setup, integration, or troubleshooting any piece of functionality that is not native to X will need to be directed to the original developer.

Thank you for your understanding.

[tarekr]

Thx for your help.
I need to change the twitter icon color from Red to blue.
I used X-icon. Please check it in the collapsed menu in the page http://www.tarekrabaa.com/ar
I need to change the size also.

Would you please provide me with the code.

Regards

[Paul R]

Hi,

You can add this under Custom > Edit Global CSS in the Customizer.

.x-widgetbar .x-icon.x-icon-twitter-square {
   color: #1b95e0;
   font-size: 25px;
}

Hope that helps.

[tarekr]

It Works with the code you provided.

Many Regards,
Tarek

[Prasant Rai]

You are most welcome. 🙂

[Author]

Posts