Site is not responsive on mobile devices & ipad

Resolved anne.marilyn
(@annemarilyn)

9 years, 7 months ago

Hi.

I hope you can help me.

I am using Virtue free theme on WordPress and i am not very good with codes. Thanks to enough support provided from this forum i am able to have my website up and running great on desktop view.

However, the layout display on ipad and mobile is very out of place, and it cannot function at all.

Is there an easy way to solve this? My website is http://ele-garde.com and here is the report:

### Environment ###

Home URL: http://ele-garde.com
Site URL: http://ele-garde.com
WC Version: 2.2.4
WC Database Version: 2.2.4
WP Version: 3.9.2
WP Multisite Enabled: No
Web Server Info: Apache/2.2.25 (FreeBSD) mod_fcgid/2.3.9
PHP Version: 5.3.27
MySQL Version: 5.5.15
WP Active Plugins: 18
WP Memory Limit: 40 MB – We recommend setting memory to at least 64MB. See: Increasing memory allocated to PHP
WP Debug Mode: No
WP Language: en_US
WP Max Upload Size: 100 MB
PHP Post Max Size: 100 MB
PHP Time Limit: 30
PHP Max Input Vars: 1000
SUHOSIN Installed: No
WC Logging: Log directory (/web/public_html/wc-logs/) is writable.
Default Timezone: Default timezone is UTC
fsockopen/cURL: Your server has fsockopen and cURL enabled.
SOAP Client: Your server has the SOAP Client class enabled.
WP Remote Post: wp_remote_post() was successful – PayPal IPN is working.

### Locale ###

decimal_point: .
thousands_sep: N/A
mon_decimal_point: N/A
mon_thousands_sep: N/A

### Plugins ###

Installed Plugins: Breadcrumb NavXT by John Havlik version 5.1.1
Better WordPress Google XML Sitemaps by Khang Minh version 1.3.0
Google Analytics by Yoast by Team Yoast version 5.0.6
HTML Email Templates by WPMU DEV version 2.0.2
Regenerate Thumbnails by Viper007Bond version 2.2.4
Page Builder by SiteOrigin by Greg Priday version 1.5
SiteOrigin Widgets Bundle by Greg Priday version 1.0.4
Social Marketing by Incsub version 1.2.2
Ultimate Branding by WPMU DEV version 1.7.2.1
Virtue ToolKit by Kadence Themes version 1.8
Visual Website Editor by Tidio Ltd. version 1.4.1
WooCommerce Admin Bar Addition by David Decker – DECKERWEB version 2.7.0
WooCommerce Product Archive Customiser by jameskoster version 0.4.0
WooCommerce by WooThemes version 2.2.4
Ultimate Facebook by WPMU DEV version 2.7.5
Infinite SEO by WPMU DEV version 1.7.1
YITH WooCommerce Wishlist by Your Inspiration Themes version 1.1.5
Youtube Videos by David Hechler version 1.3

### Settings ###

Force SSL: No

### WC Pages ###

Shop Base: #240 – /home/shop/
Cart: #242 – /home/account/shopping-bag/
Checkout: #267 – /home/account/shopping-bag/checkout/
My Account: #246 – /home/account/

### WC Taxonomies ###

Product Types: external (external)
grouped (grouped)
simple (simple)
variable (variable)

### Theme ###

Theme Name: Virtue – Level Up Child
Theme Version: 0.1
Theme Author URL: http://eg.cloudmeta.net
Is Child Theme: Yes
Parent Theme Name: Virtue
Parent Theme Version: 2.2.3
Parent Theme Author URL: http://kadencethemes.com/
WooCommerce Support: Yes

### Templates ###

Template Overrides (WooCommerce):virtue-child/woocommerce/archive-product.php
virtue/woocommerce/cart/cart-totals.php
virtue/woocommerce/cart/cart.php
virtue/woocommerce/cart/cross-sells.php
virtue/woocommerce/cart/shipping-calculator.php
virtue/woocommerce/content-product.php
virtue/woocommerce/content-product_cat.php
virtue/woocommerce/content-single-product.php
virtue/woocommerce/loop/add-to-cart.php
virtue/woocommerce/loop/loop-end.php
virtue/woocommerce/loop/loop-start.php
virtue/woocommerce/loop/orderby.php version 2.0.0 is out of date. The core version is 2.2.0
virtue/woocommerce/loop/price.php
virtue/woocommerce/loop/rating.php
virtue/woocommerce/loop/sale-flash.php
virtue/woocommerce/order/form-tracking.php
virtue/woocommerce/order/order-details.php version 2.1.0 is out of date. The core version is 2.2.0
virtue/woocommerce/single-product/add-to-cart/external.php
virtue/woocommerce/single-product/add-to-cart/grouped.php
virtue/woocommerce/single-product/add-to-cart/simple.php
virtue/woocommerce/single-product/add-to-cart/variable.php
virtue/woocommerce/single-product/price.php
virtue/woocommerce/single-product/product-image.php
virtue/woocommerce/single-product/product-thumbnails.php
virtue/woocommerce/single-product/rating.php
virtue/woocommerce/single-product/review.php
virtue/woocommerce/single-product/sale-flash.php
virtue/woocommerce/single-product/share.php
virtue/woocommerce/single-product/short-description.php
virtue/woocommerce/single-product-reviews.php
virtue/woocommerce/single-product.php
virtue/woocommerce/taxonomy-product_cat.php
virtue/woocommerce/taxonomy-product_tag.php

Viewing 6 replies - 1 through 6 (of 6 total)

Theme Author Ben Ritner – Kadence WP
(@britner)

9 years, 6 months ago
Hi, You seem to have a mobile theme taking over when you access your site through a mobile device. I don’t know if that is a plugin you are using or a setting on your server but that is why you have the different style on mobile. Its not caused by the virtue theme.

Also you have set the topbar to be sticky which is fine on desktop but for mobile (resize your browser window) It’s probably not a good idea.
You have this in your custom css box :
```
#topbar {
position: fixed;
width: 100%;
top: 0;
z-index: 9999;
}
```
and I would change to this:
```
@media (min-width: 992px) {
#topbar {
position: fixed;
width: 100%;
top: 0;
z-index: 9999;
}
}
```
Kadence Themes
Thread Starter anne.marilyn
(@annemarilyn)

9 years, 6 months ago

I had just intalled the plugin WPtouch so i could have the mobile site to function in the meantime. But i would rather use the virtue theme on mobile and ipad too.

Thank you for your help with the topbar. i will change it soon. However, the issue was initially about the products i have not being able to click on through mobile or ipad. there just isn’t links to click for my shop pages. and on ipad, my shop archive page seem pushed to the far right and my sidebar seem to take a lot of space. Will i be able to solve these if i upgrade to the premium theme?
Theme Author Ben Ritner – Kadence WP
(@britner)

9 years, 6 months ago
Another css issue I see, add this:
```
@media (max-width: 992px) {
#content .main {
float: none;
}
}
```
that should fix your sidebar and link issues. It’s caused because you have custom css that is floating the content to the right in your custom css box.

Kadence Themes
Thread Starter anne.marilyn
(@annemarilyn)

9 years, 6 months ago

That is great help!!

Btw, my footer on mobile still a bit messed up. and is there a way to possibly remove sidebars on mobile only but keep it on desktop view still?

Also, is there any plugin or codes i can use to include a “next product” so shoppers can skip the archive page and just flip on single product pages?

Thank you so much!
Theme Author Ben Ritner – Kadence WP
(@britner)

9 years, 6 months ago
```
@media (max-width: 992px) {
.kad-sidebar {
display:none;
}
}
```
that css will remove the sidebar, looking at you link It doesn’t show that you added the code I posted above.

As for next product, that is an option in the premium theme but not the free. I’m not aware of any plugins that do it but you can look around.

Kadence Themes
Thread Starter anne.marilyn
(@annemarilyn)

9 years, 6 months ago

Thank you. This forum had helped so much!!!

Best Regards

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Site is not responsive on mobile devices & ipad’ is closed to new replies.