Return to previous page

Mobile display format - by smariano - on WordPress WooCommerce support

This topic has 5 replies, 3 voices, and was last updated 8 years ago ago by Jack Richardson

  • Avatar: smariano
    smariano
    Participant
    April 9, 2016 at 15:53

    I would like my site to re-size automatically when viewed from a mobile device. Currently the site does not re size.

    Example at http://mobiletest.me/iphone_5_emulator/?u=http://blagochestie.com/home

    #120623 Copied Theme version: 2.8 WooCommerce version: 2.5.3
    4 Answers
    Avatar: Eva
    Eva Kemp
    Support staff
    April 10, 2016 at 10:23

    Hello,

    As I see the site is resized.
    Please show a screenshot of the issue.

    Regards,
    Eva Kemp.

    #120642 Copied
    Avatar: smariano
    smariano
    Participant
    April 10, 2016 at 13:31

    The site re-sizes but there is no menu bar displayed. When I click the 4 bar symbol on the left, the display is mostly black and the main menu bar items are not displayed

    Screen shot is at http://blagochestie.com/mobile screen shot.png

    #120663 Copied
    Avatar: smariano
    smariano
    Participant
    April 11, 2016 at 02:41

    I added the following css style
    .mobile-nav .menu > li > a{ color:#fff; }

    Now the main menu items are visible in white.

    At the bottom of the menu, there are the links ACCOUNT and SIGN IN which are still black and are not visible. Please advise how to show them as white

    #120674 Copied
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    April 11, 2016 at 09:03

    Hello,

    Please add this code in Global Custom CSS:

    .mobile-nav-heading, .mobile-nav .links li a {
   color: #FFF !important;
}

    Best regards,
    Jack Richardson.

    #120703 Copied
  • Viewing 5 results - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.Log in/Sign up

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Typography – WordPress WooCommerce Theme
lazy-placeholder
Fashion Store – WordPress WooCommerce Theme
lazy-placeholder
Classic Fashion Store (Dark) – WordPress WooCommerce Theme
lazy-placeholder
Language Courses – WordPress WooCommerce Theme
lazy-placeholder
Pub – WordPress Theme
lazy-placeholder
Cosmetics Store – WooCommerce Theme
lazy-placeholder
Eco Scooter Store – WordPress WooCommerce Theme
lazy-placeholder
Boxed Store – WooCommerce Theme
lazy-placeholder
Designers – WordPress WooCommerce Theme
lazy-placeholder
Classic Fashion Store – WordPress WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.