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, 4 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, 4 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, 4 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