Profile Menu Icons Rendering Too Large in Internet Explorer

[brando2day]

My site’s user profile menu icons are rendering massively in IE 6.  I see in your changelog that this is a past issue which was allegedly fixed several versions back; however, it is a problem in my site despite having the latest version of the theme.

[brando2day]

Excuse me, that was IE 10, not 6.

[Laura]

Hello, will assign the ticket to a higher support level who can help and advise you in your query.
Thanks! 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[brando2day]

Still haven’t received a resolution to this ticket.

[Radu]

Hi,

Please provide a print screen that pointing out the problem.

Regards

Radu

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[szmek9]

Hi, I have this issue as well.
Here is a screenshot

Attachments:

You must be logged in to view attached files.

[Radu]

Hi,

Try this css and let me know if this solved the large icons on ie11

COPY CODE

/*------Specific style for IE11---------*/
 _:-ms-fullscreen, :root 
 #buddypress div#item-nav ul li a:before
{ 
  font-size:inherit !important; 
}

/*------END Specific style for IE11---------*/

The css will be added to wp-admin -> theme options -> General settings -> Quick CSS

Let me know
Cheers
R

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Ticket solution

What support service includes ? What not ?

[szmek9]

Now it is too small
looks like this

Attachments:

You must be logged in to view attached files.

[Radu]

Ok then change the inherit property value with 19px or your desired value.

COPY CODE

font-size:inherit !important; 

COPY CODE

font-size:19px !important; 

Cheers
R.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[szmek9]

Don’t work…Does this font value change also affects icons??

[Radu]

Hi,
YES!

So the code should look like this and it should works, just play with the font size

COPY CODE

/*------Specific style for IE11---------*/
 _:-ms-fullscreen, :root 
 #buddypress div#item-nav ul li a:before
{ 
  font-size:27px !important; 
}

/*------END Specific style for IE11---------*/

Cheers
R.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[Author]

Posts