Return to previous page

Mobile Logo not centered - by jenscev - on WordPress WooCommerce support

This topic has 2 replies, 2 voices, and was last updated 6 years ago ago by Rose Tyler

  • Avatar: jenscev
    jenscev
    Participant
    April 13, 2018 at 17:36

    On line 3920 of responsive.css

    @media only screen and (max-width: 480px)
    .header-logo img {
    max-width: 170px;
    margin-left: -1px;
    padding-left: 40px;
    }

    When viewing on a mobile device the logo has a large padding on the left of 40px, making it appear off centre. It should be 10px, per my hope.

    Padding left shows as 10px within:
    – theme options, custom CSS for mobile
    – through filezille, drill down, find actual reponsive.css file, padding-left shows 10px.
    – through appearance, editor, line 3920 of responsive.css of parent file, shows 10px

    Yet EVERY time I inspect it, it’s 40px and the effect doesn’t take change.

    Please help,

    Jen

    #191083 Copied Theme version: Unsure where to find
    1 Answer
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    April 16, 2018 at 08:35

    Hello,

    Please add this code in Theme Options > Custom css > Custom css for mobile:

    .header-logo img {
    padding-left:  0;
    margin-left:  0;
}
.fixed-header-area .header-logo {
    margin-left:  0;
    float:  none;
    display:  inline-block;
    left:  auto;
    transform:  none;
}
.fixed-header-area .fixed-header > .container {
    text-align:  center;
}

    Regards

    #191164 Copied
  • Viewing 2 results - 1 through 2 (of 2 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
Business Card – WordPress Theme
lazy-placeholder
Spa – WordPress WooCommerce Theme
lazy-placeholder
Marketing – WordPress WooCommerce Theme
lazy-placeholder
Online Courses – WordPress WooCommerce Theme
lazy-placeholder
Carwash – WordPress WooCommerce Theme
lazy-placeholder
Flowers Store – WooCommerce Theme
lazy-placeholder
Church – WordPress Theme
lazy-placeholder
SEO Agency – WordPress WooCommerce Theme
lazy-placeholder
Finances – WordPress WooCommerce Theme
lazy-placeholder
Legenda – WooCommerce WordPress 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.