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, 7 months ago ago by Rose Tyler

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
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

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder

Gaming – WooCommerce Theme

lazy-placeholder

Typography – WordPress WooCommerce Theme

lazy-placeholder

Dokan Multivendor Marketplace – WordPress WooCommerce Theme

lazy-placeholder

Grocery Mega Market – WordPress WooCommerce Theme

lazy-placeholder

Flowers Store – WordPress WooCommerce Theme

lazy-placeholder

Minimal Electronics – WordPress WooCommerce Theme

lazy-placeholder

Furniture Store 02 – WordPress WooCommerce Theme

lazy-placeholder

Plants Store– WordPress WooCommerce Theme

lazy-placeholder

Classic Fashion Store (Dark) – WordPress WooCommerce Theme

lazy-placeholder

Digital Marketing – 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.