Take your website
To the next level
Discover our newly launched customization services and elevate your web projects to new heights.
Delegate tasks, save time, and unlock the power of professional WordPress outsourcing.

Okay
  Public Ticket #1595169
Icon's are split in half
Closed

Comments

  • Andre started the conversation

    The icons in the various elements are all split in half. See screenshots for examples of how they appear in different elements.

    https://gyazo.com/fbe18706b405be27559c0a7f74ff42a7

    https://gyazo.com/06968b8f6d3c777dd74cf337d32fc21d

    I've tried to fix but can't get it right.

    Hope you can guide me to a fix.

    Thank you!

  • Andre replied

    Please close ticket. Saw your answer in another public ticket that it's a zoom issue in the browser.

  •  1
    Cavalry Logistics replied

    Hi Codex Themes team,

    I have a follow up question to this topic. Is there a solution to the icons-split-in-half issue that does not require the user to notice that their browser is zoomed in? If someone lands on the website with their browser zoomed in for some reason, will they just see the glitched icons? Is there any way to prevent the icons from being split in half? Maybe using a different icon set?

    (Sorry for adding a comment to this public ticket. If I should be posting this question in a separate ticket, let me know.)

  •  7,095
    Oliver replied

    Hi!

    pls. add following css if you're not planing to use 2 color icons:

    body .gem-icon .back-angle {    width: 100%;    height: 100%;
    }
    body .gem-icon .gem-icon-half-1 {    margin-left: 0;
    }

     


    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver

  •  1
    Cavalry Logistics replied

    That solution worked great. Thank you!

  •  7,095
    Oliver replied

    Welcome!

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver