Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • July 5, 2017 at 4:58 am #816594
    diegogacitua

    In this topic they solved the problem but I do not know which of all the codes worked
    and I already added the header widget space

    https://kriesi.at/support/topic/woocommerce-currency-switcher/#post-461856

    I want it to be seen on mobile devices

    thank you very much!

    July 5, 2017 at 11:55 am #816703
    Rikard

    Hey diegogacitua,

    So you added the widget but you need it styled? If so then please post a link to the site in question so that we can have a closer look. Also try to point out the changes you would like to make.

    Best regards,
    Rikard

    July 6, 2017 at 12:23 am #816947
    diegogacitua

    hello, I just need a way to show on mobile device. Because in computer looks good.
    is important the customers know can pay with those currencies

    In this image I put an example of how I think can be…but if they know a better way I listen to advice

    http://www.gabgrass.com

    help

    • This reply was modified 7 years, 5 months ago by diegogacitua.
    July 6, 2017 at 7:11 am #817070
    Rikard

    Hi,

    Thanks for the feedback. Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (max-width: 767px) {
#header .widget {
    left: 50%;
    position: absolute;
    top: -20px;
    transform: translate(0%);
}
}

    Best regards,
    Rikard

    July 6, 2017 at 10:12 pm #817512
    diegogacitua

    thank you very much!
    Can be done to only display the widget on mobile devices?
    I think in the computer does not look very good because when the menu bar is reduced a space is generated

    =)

    July 7, 2017 at 6:38 am #817631
    Rikard

    Hi,

    Try this as well to hide it for all screens which are not mobile:

    @media only screen and (min-width: 768px) {
#header .widget {
    display:none;
}
}

    Best regards,
    Rikard

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.