- This topic has 16 replies, 2 voices, and was last updated 8 years, 4 months ago by Andrew Misplon.
Tagged: Layout Social Media plugin Width
- AuthorPosts
- May 13, 2016 at 7:27 pm #3481
andrewsapiensParticipantHi! I’m using Social Media Plugin with floar right but by doing so it is afeccting the site width. Can you Help?
Thanks!May 15, 2016 at 9:52 am #3493
Andrew MisplonKeymasterHi Andrew
Thanks for reaching out.
Can you perhaps send me a link to the plugin’s page on WordPress.org? I’ll install it and find a workaround for the problem. I’m offline today but will be back at work tomorrow (GMT+2) and can assist further then, thanks for the wait π
May 16, 2016 at 3:24 am #3496
andrewsapiensParticipantHi Andrew!!
Thanks you for answer. Of course! here it is:
Social Media PluginThanks again! =)
May 16, 2016 at 3:01 pm #3498
Andrew MisplonKeymasterThanks for the wait π
If you don’t already have a Custom CSS plugin installed, please, go to
Plugins > Add New
, search for and install a plugin calledSimple Custom CSS
. Next, go to Appearance > Custom CSS and insert:/* Page */ #page { overflow-x: hidden; }
Let me know how that goes.
May 17, 2016 at 12:35 am #3510
andrewsapiensParticipantHi Andrew! Thank you! unfortunately is still happening the same. But, when I do mouseover over the icons, it fixes automatically. very strange… What could it be?
Thanks again!
May 17, 2016 at 3:14 pm #3513
Andrew MisplonKeymasterWould it be possible to send a link so we can take a look? If you’d like to keep your site private you can use the “Set as private reply” checkbox below the comment field. Thanks.
May 18, 2016 at 2:58 am #3517
andrewsapiensParticipantHi Andrew! of course, no problem. Here it goes: FundaciΓ³n Taap
Thanks!May 26, 2016 at 10:57 am #3544
Andrew MisplonKeymasterSo sorry for missing your reply, please, feel free to bug me if that happens again.
Any chance you could activate the social media plugin again so I can see the problem. Thanks for the wait π
June 7, 2016 at 8:41 pm #3703
andrewsapiensParticipantHi Andrew! Sure! I’ll activate de plugin again. Please let me know when you read this in order to do so.
Thanks!!
June 7, 2016 at 10:05 pm #3704
Andrew MisplonKeymasterAwesome, thanks for that. I’m unfortunately, offline for the evening but will reply tomorrow morning GMT+2 and try line up a time that works for both of us. Appreciate the wait.
June 7, 2016 at 10:34 pm #3705
andrewsapiensParticipantThat’s perfect! Thank you Andrew. I’ll activate the plugin tonight GMT-5 So you can check this for me.
Thanks again!
June 8, 2016 at 4:35 am #3707
andrewsapiensParticipantAndrew, the plugin is activated… And I have notice another issue, once it is activated the menu gets blurry. Here the screen print:
Thanks!
June 8, 2016 at 9:40 am #3709
Andrew MisplonKeymasterThanks π
If you don’t already have a Custom CSS plugin installed, go to Plugins > Add New and search top right for Simple Custom CSS. Install, activate and then go to Appearance > Custom CSS, insert:
/* Overflow Control */ body { overflow-x: hidden; }
Phew, so this plugin adds 3258 new lines of CSS. It’s pretty heavy if all it’s offering is the floating bar on the right. Most of the time this plugin does the right thing and prefixes it’s CSS rule name so as to not conflict with themes or other plugins, but other times it doesn’t. Deep in the CSS for this plugin is the following rule which is causing the menu issue:
.scale, .scale-div {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}Ultra uses the class scale too which is where the conflict is. You can try inserting the following at Appearance > Custom CSS to fix this:
/* Plugin Conflict Fix */ #masthead .scale { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
June 8, 2016 at 5:53 pm #3718
andrewsapiensParticipantWow! Andrew you are a genius!! the overflow issue is solved!! Thank you so much!!!
Sadly the “Plugin Conflict Fix” doesn’t worked and is still given the blurry issue. What else can we try?
I have tried with “!important” but didn’t work.
Is amazing that a plugin can give so many headaches. I hope it is worth it.
Thanks again! π
June 8, 2016 at 6:12 pm #3720
Andrew MisplonKeymasterNo problem π
Try this:
/* Plugin Conflict Fix */ header.scale { -webkit-transform: scale(1) !important; -moz-transform: scale(1) !important; -o-transform: scale(1) !important; transform: scale(1) !important; }
- AuthorPosts
You must be logged in to reply to this topic.