-
Posts
-
I don’t have a windows laptop now so I couldn’t really test internet explorer. But using browserstack live, my logo looks enlarged in internet explorer ?
Can someone with windows help me out please?
Try to add following code into the quick css field and insert the width/height values (in px) of the logo.
.logo img{
width: 60px;
height: 60px;
}Sometimes IE has problems to display images properly if no width/height values are specified…
Thanks dude, i also used
.logo img {
height:auto;
}
and it seemed to fix the problem but i’ll use yours.
I have an issue with my buttons. So there are 3 columns, and a button underneath each column. Column 2 has lesser text than the other columns. I adjusted the padding in the column in the advance editor but when the browser is reduced the buttons are disalligned. Any workaround for this ?
Hi,
You can set a min-height for the box-content allowing the buttons to align properly.
/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */
@media only screen and (min-width: 820px) and (max-width: 989px) {
/* Add your Mobile Styles here */
.home .av_one_third .iconbox_content {
min-height: 220px;
}
}Regards,
Ismael
Thanks Ismael >
@media only screen and (min-width: 820px) and (max-width: 989px) {
.home .av_one_third .iconbox_content { min-height: 220px; }
}
@media only screen and (min-width: 1024px) and (max-width: 1024px) {
.home .av_one_third .iconbox_content { min-height: 170px; }
}
@media only screen and (min-width: 960px) and (max-width: 960px) {
.home .av_one_third .iconbox_content {
min-height: 230px;
}
}
I might add more resolutions for mobile, is this a good idea rather than using min and max width to set some specific resolutions as well?
I just used >
http://www.infobyip.com/testwebsiteresolution.php
to test on a retina resolution. I noticed the icons ( logo , and web icon ) in the layer slider are a bit off ?
1920 x 1200 , 2560 x 1440 and it’s worst in 2560 since the left and right icon in the interface is outside. Or can someone with a retina resolution check it out ?
For the left logo icon I set it at > left > 35% . For 1680 resolutions and below it’s fine. But 1920 and 2560 makes the icons extend outside the interface.
The same goes to the right icon which is set at left > 65%.
Middle icon is okay since both top and left is in 50%.
I tried using a px value for the left and right icon but it looks bad.
Is it possible to use the custom styles in the layer slider to change the value for LEFT , for both 1920 and 2560 resolutions?
Hi,
Unfortunately I don’t have a retina. Is there a way you can do a screen grab so we can see the problem better because my imagination is still in standard resolution. ;)
Thanks,
Nick
I tried this and there is no luck… at best it is the right size but it doesn’t move my nav bar over and is right on top of home…
http://goimperium.com … I have tried almost everything here I think and my client has almost bailed…. In every internet explorer it is horrible… among others…
Hi dkowalewski,
I only see a default WordPress theme.
I look through IE 9 and IE10 right now and looks fine to me, nothing horrible here. Are you sure your IE itself isnt buggy (well no more than normally that is)
Thanks,
Nick
its for sure enfold.. but the client wanted it simple… So on everything but Internet explorer It works fine… IE puts it over the home button almost like it blows it up 3x the size from 200 x 100 to 400 x 300…
Hi,
I see no difference between
IE http://i.imgur.com/GP9vO4C.png
and
Chrome http://i.imgur.com/wVqvypW.png
This is the styling used on the Home button
.main_menu ul:first-child > li > a {
display: block;
text-decoration: none;
padding: 0 13px;
font-weight: normal;
font-size: 12px;
font-weight: 600;
font-size: 13px;
}If you want to create some styling specific to IE simply add the css that you want only IE to render in the empty line of the block below. Then you can add this block to header.php , just find the line </head> in the header.php file, and paste the block below above it.
<!--[if IE]><!-->
<style type="text/css">
/* add your IE only css above this line */
</style>
<!--<![endif]-->Thanks,
Nick
Hi guys.
It looks like everyone’s having the logo issue with Enfold and it was brought to my attention by a coworker using a PC and still using IE as his default browser (I still cant believe people use IE but obviously they do)…
I’m a Mac user and use Chrome, Firefox and Safari on a daily basis. Enfold works famously on any of these browsers but the problem here is that Microsoft (as always) is buggy junk and IE should have been terminated back in 1999. There are still millions of people out there that use IE on a daily basis as their default browser, and this is something that the Kriesi team needs to take into account.
Enfold is NOT complete out the box and every site running Enfold is broken on any version of IE… I checked numerous PC’s using different versions of IE, and no matter what, my logo was distorted.
I read through many of the posts in this forum and have tried many of “Dude’s” recommendations to use css to fix this, including:
.logo img {
width: 300px;
height: 54px;
}
.logo img{
width: 60px;
height: 60px;
}
…and even tried using the exact logo dimensions such as:
.logo img {
width: 245px;
height: 65px;
}
And none of these suggestions worked. I did find that the snippet below is all that needs to be added and fixes the IE problem while not messing with Chrome, Firefox, or Safari:
.logo img {
height:auto;
}
I personally think this needs to be added to the theme and an update should be issued asap so that this issue is solved for everyone out of the box once and for all.
Cheers!
- The topic ‘enlarged logo in internet explorer’ is closed to new replies.