Return to previous page

How to display top bar on mobile devices

This topic has 6 replies, 3 voices, and was last updated 5 years, 4 months ago ago by Rose Tyler

  • Avatar: themadguru
    Robert
    Participant
    December 6, 2018 at 17:17

    Hi

    Although I am personally against this idea, my client would like the Top Bar displayed on mobile devices; it’s currently turned off. I can’t seem to find a setting to turn it off and on for mobile?

    Regards

    #205552 Copied Theme version: 5.1.1
    5 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    December 7, 2018 at 08:32

    Hello,

    The Top bar can be displayed using custom css code. Please provide URL and we will help with css.

    Regards

    #205570 Copied
    Avatar: themadguru
    Robert
    Participant
    December 8, 2018 at 17:43

    HI

    Please see private content area for demo staging site details.

    Please, kindly let me know the fix so I can apply it to the live site?

    Regards

    Please contact administrator
    for this information.
    #205663 Copied
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    December 10, 2018 at 18:39

    Hello,

    Add the following code in child theme style.css

    @media only screen and (max-width: 1030px){
.top-bar, .top-bar .languages-area, .top-bar .top-links .topbar-widget, .top-bar .top-links ul li.popup_link {
    display: block;
}
}

    Regards

    #205715 Copied
    Avatar: themadguru
    Robert
    Participant
    December 10, 2018 at 21:12

    Hi

    Thank you very much, that worked! 🙂

    kind regards

    #205732 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    December 11, 2018 at 08:23

    Hello,

    You’re welcome!

    Regards

    #205749 Copied
  • Viewing 6 results - 1 through 6 (of 6 total)

The issue related to '‘How to display top bar on mobile devices’' has been successfully resolved, and the topic is now closed for further responses

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Minimal Fashion Store – WordPress WooCommerce Theme
lazy-placeholder
Application – WooCommerce Theme
lazy-placeholder
Minimal Electronics – WordPress WooCommerce Theme
lazy-placeholder
Corporate – WordPress WooCommerce Theme
lazy-placeholder
Zoo Shop – WooCommerce Theme
lazy-placeholder
Electron Store 02 – WordPress WooCommerce Theme
lazy-placeholder
Rental Car – WordPress WooCommerce Theme
lazy-placeholder
Bike Store – WordPress WooCommerce Theme
lazy-placeholder
WooPress Fullwidth
lazy-placeholder
Niche Market 02 – Multivendor WP 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.