Return to previous page

Mobile version of site – product listings

This topic has 4 replies, 3 voices, and was last updated 5 years, 10 months ago ago by Olga Barlow

  • Avatar: macamrstudios
    macamrstudios
    Participant
    December 28, 2018 at 16:47

    Hi – I am trying to increase the size of the products/artworks when viewing the site on a mobile so that you only have one product per row versus the current 2. I have looked for a setting in the system, but cannot find it. Is there a class I can assign (if yes, what is the appropriate div tag) to make this happen?

    I would also like to modify the menu on mobile to say ‘menu’ versus the three horizontal black bars. Can you point me to the file(s) where I can make that adjustment?

    Please, contact administrator
    for this information.
    #206450 Copied Theme version: 5.1.3 WooCommerce version: 3.5.2
    3 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    December 28, 2018 at 17:03

    Hello,

    1) You can add this code in Theme Options > Custom css > Custom css for mobile:

    .products-grid .product {
    width: 100% !important;
}

    2) Gloab custom css:

    .et-burger:before {
    content:  "Menu";
    font-size: 12px;
    font-family: Lato;
    line-height: 3;
}

    Regards

    #206453 Copied
    Avatar: macamrstudios
    macamrstudios
    Participant
    December 28, 2018 at 17:48

    perfect! Thank you so much!

    #206458 Copied
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    December 29, 2018 at 11:44

    You are welcome.

    Regards

    #206465 Copied
  • Viewing 4 results - 1 through 4 (of 4 total)

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

8theme customization service

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Fashion Store – WordPress WooCommerce Theme
lazy-placeholder
Spice Store – WordPress WooCommerce Theme
lazy-placeholder
Marseille 01 – WordPress WooCommerce Theme
lazy-placeholder
Grocery Mega Market – WordPress WooCommerce Theme
lazy-placeholder
Restaurant – WordPress WooCommerce Theme
lazy-placeholder
Cosmetics Store – WooCommerce Theme
lazy-placeholder
Handmade Store – WordPress WooCommerce Theme
lazy-placeholder
Rental Car – WordPress WooCommerce Theme
lazy-placeholder
Gaming – WooCommerce Theme
lazy-placeholder
Animals 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.