Home>Support>Mobile site not displaying properly

Mobile site not displaying properly

By rayraypico, 9 years ago. Last reply by Andrew Misplon, 9 years ago.

Hello I purchased Vantage Premium and am using version 4.2.2. I am having an issue with the mobile site displaying poorly. The site looks decent on the computer but the mobile version seems distorted…the menu looks horrible and the products listed on the home page are mis aligned and sized.
How can I get my mobile site to look more like the one on the computer. I have tried disabling plugins but that does not appear to help?
I had someone with wordpress experience look at it, they said I would need to completely change the theme, I have a hard time believing that. Need some guidance.
thoughts?
Ray

URL: http://www.allaboutdabooty.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. 9 years, 2 months ago rayraypico

    Any guidance here…I have struggled to get an answer?

  2. 9 years, 2 months ago rayraypico

    I figured out how to correct the menu by setting the vantage appearance/theme settings.

    Still hung up on the 4 products at the bottom of the home page. On my website it looks good, on the mobile not so much?

    Still new to wordpress, curious as to how long a response typically takes on this site. Is it possible to IM an admin?

  3. 9 years, 1 month ago Andrew Misplon
    Hi, I Work Here

    Hi Rayraypico

    Thanks for the wait.

    We typically take 1-2 days to respond. We do our best to respond over the weekend but don’t officially operate on Sat/Sun. Our forum is prioritised by theme purchase price. If you’d like to find out more, please, see: https://siteorigin.com/about/forum-thread-prioritization/

    I’m not sure why the WooCommerce product widget isn’t handling mobile better. To help it along, try the following at Appearance > Custom CSS:

    /* WooCommerce */

@media (max-width: 680px) {

	.product_list_widget li {
	    float: none;
	    margin-bottom: 15px;
	    padding: 0;
	    width: 100%;
	}	
}

    Hope that helps.

  4. 9 years, 1 month ago rayraypico

    I input that custom css however it did not help. Someone else had given me similar advice to input the following custom CSS

    [/* WooCommerce Product Widget */

    .entry-content ul.product_list_widget {
    list-style: none;
    margin-left: 0;
    }

    .product_list_widget li {
    box-sizing: border-box;
    float: left;
    margin-bottom: 35px;
    padding: 0 5%;
    width: 22.3%;
    }

    .product_list_widget li a span {
    display: block;
    }

    That had similar results to your custom CSS, which is not displaying well on mobile. That person suggested it was a theme issue and not a woocommerce issue? Is there anything else I can do to resolve this, I dont want to switch themes I really like vantage.

    Also thanks for clearing up expectations around support, I am ok waiting as long as I know what the anticipated wait time is.

    Hoping you have some other suggestions to correct this

    Ray

  5. 9 years, 1 month ago Andrew Misplon
    Hi, I Work Here

    Thanks. The Custom CSS you previously entered is correct. Please, leave it in place. I don’t see the new Custom CSS in place. Could you put it back so I can see it in action?

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