I have an issue on my site (most likely because I designed it myself) where I am happy with the end product for desktop, but there is a problem when viewed on a small mobile device.
On the desktop version there is a picture on the left of the landing page, and text to the right. This creates a mobile site where the first thing that pops of is a picture (of yours truly..)
I would like to remove this picture and the circle icon all together when viewed on mobile and just have text on the home page.
The picture is housed in a SiteOrigin Image widget, the circle icon is a Circle Icon.
Is there any modification or custom CSS I can write to remove these from mobile viewing?
Thank you in advance for your help with this.
Vantage Premium mobile layout issue
This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.
Hi Mitchell
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.
/* Home */ @media (max-width: 680px) { #pgc-21-0-0, #pgc-21-0-1 { display: none; } }680px is the resolution at which the column in question will be hidden. If you’d like you can adjust that point by changing the 680px value.
Hope that helps.
Awesome Andrew –
I applied that through Jetpack and it did exactly what I wanted it to.
Thank you!
Awesome :) Glad to hear that helped.
All the best with your site.