CODEWITHSUNDEEP
csswordpressresponsive-designmobile-website
icm
icm

Reputation: 71

Mobile Menu wont center on Astra WordPress Theme.. Please advise?

I have tried created a landing page using the free version of Astra for WordPress. I'm very happy with the design apart from what happens to the menu on mobile view.

In the Astra options, the mobile menu should center; the logo, the CTA and the hamburger icon. As you can see from the attached image, it is slightly off to the right.

I have also tried using CSS to select the element and use text-align: center.

Nothing seems to work...please help?

Image is below and the URL is: DOMAIN REMOVED

[1]: IMAGE REMOVED

Upvotes: 0

Views: 2265

Answers (1)

Uklove
Uklove

Reputation: 539

There is a:

.ast-logo-title-inline .site-logo-img {
    padding-right: 1em;
}

in your css. Remove this.

Or set:

.site-logo-img {
    padding-right: 0 !important;
}

in your child themes style.css

Edit:

.ast-container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
}

Regards Tom

Upvotes: 1

Related Questions