Return to previous page

Center Images in a banner on mobile devices

This topic has 4 replies, 2 voices, and was last updated 8 years, 6 months ago ago by Eva Kemp

  • Avatar: TAT_PM
    TAT_PM
    Participant
    October 2, 2015 at 17:26

    Hi there again,

    I would like to center an image, which is placed in a banner on mobile devices.
    can’t find it in the css… please help me out. Thanks 🙂

    see example URL below

    Please, contact administrator
    for this information.
    #91106 Copied
    3 Answers
    Avatar: Eva
    Eva Kemp
    Support staff
    October 2, 2015 at 18:56

    Hello,

    Try to use this code in custom.css file:

    @media (max-widthL 480px) {.banner .banner-content img { 
   margin-left: 20% !important;
}}

    How to create custom.css you can watch in this tutorial.

    Regards,
    Eva Kemp.

    #91126 Copied
    Avatar: TAT_PM
    TAT_PM
    Participant
    October 5, 2015 at 08:08

    good morning,

    unfortunately this doesn’t work… could you take a look inside, please?
    i will support login credentials in private content
    thanks 🙂

    Please, contact administrator
    for this information.
    #91267 Copied
    Avatar: Eva
    Eva Kemp
    Support staff
    October 5, 2015 at 18:48

    Hello,

    I’ve edited the code to:

    @media (max-width: 480px) {.banner img { 
   margin-left: 20% !important;
}}

    Please check now.

    Regards,
    Eva Kemp.

    #91495 Copied
  • Viewing 4 results - 1 through 4 (of 4 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
HandMade Store – WooCommerce Theme
lazy-placeholder
Headphone Store – WordPress WooCommerce Theme
lazy-placeholder
Onepage Store – WooCommerce Theme
lazy-placeholder
Furniture Store – WordPress WooCommerce Theme
lazy-placeholder
Medical 02 – WordPress WooCommerce Theme
lazy-placeholder
Mango – Responsive eCommerce PSD Template
lazy-placeholder
Barbershop – WordPress WooCommerce Theme
lazy-placeholder
NFT Crypto Marketplace – WordPress WooCommerce Theme
lazy-placeholder
Travel – WooCommerce Theme
lazy-placeholder
Flowers 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.