Home>Support>Homepage Circle Icons for Mobile

Homepage Circle Icons for Mobile

By zeroelement, 10 years ago. Last reply by Daniel, 10 years ago.
Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].

Is there a way to make the Circle icons on the homepage smaller in mobile?

URL: http://www.zeroelementweb.com

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 10 years, 10 months ago Daniel
    Hi, I Work Here

    Hi there,

    First of all I apologize for the delayed response.

    You can fix/change this with some custom CSS. If you navigate to Appearance > Custom CSS, you’ll get our custom CSS editor. Just add the following code.

    
    @media (max-width:480px){ 
    
    .circle-icon {
        width:40px!important;
        height:40px!important;
    }
    
    }
    

    You can change the size in pixels (40px) to desired figure

    Try that out and let me know the outcome.

  2. 10 years, 10 months ago zeroelement

    will this make them small only on mobile? I don’t really want to change how it looks on the computer just on mobile devices

  3. 10 years, 10 months ago Daniel
    Hi, I Work Here

    Hi Zeroelement

    The @media (max-width:480px) defines which screen sizes will be affected :-)

    Kindly, let me know if you encounter any difficulties while implementing this.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More