Marketer Theme Footer Customization

This topic has 7 replies, 3 voices, and was last updated 3 years, 6 months ago by Fernando.

Viewing 8 posts - 1 through 8 (of 8 total)

Author

Posts
March 8, 2022 at 4:28 pm #2147395

Liam

Hi there,

Please can you let me know how I customize the footer bar in the Marketer theme so that I can have it as follows:

[WPML language switcher] left aligned – [Copyright notice] center aligned – [Privacy policy] page link right aligned

Including link to sample page in private area.

Thanks.

March 8, 2022 at 4:59 pm #2147421
Ying
Staff
Customer Support
Hi Liam,

Try this CSS:
```
.footer-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
@media (min-width: 769px) {
    .copyright-bar {
       position: absolute;
    }
}
```
March 8, 2022 at 9:10 pm #2147527

Liam

Great! Thanks, Ying. Looks perfect.

The only thing now is the mobile view. Will include a link in the private area.

In mobile view, is there a way to have those elements stacked vertically on top of each other? (the top two elements are side-by-side currently)

Thank you.

March 8, 2022 at 9:37 pm #2147544
Fernando
Customer Support
Hi Liam,

If that’s the case, can you try altering Ying’s code to something like this:
```
@media (min-width: 769px) {
    .copyright-bar {
       position: absolute;
    }
    .footer-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    }
}
```
Kindly let us know how it goes. 🙂
March 8, 2022 at 10:57 pm #2147576

Liam

That doesn’t seem to have worked unfortunately, Fernando. Maybe I’m doing something wrong?

Including screenshot in the private area – this is from the updated version with the CSS you provided above.

Thanks.

March 8, 2022 at 11:15 pm #2147587
Fernando
Customer Support
On my end, I can see that this is the code you currently have:
```
.footer-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

@media (min-width: 769px) {
    .copyright-bar {
       position: absolute;
    }
    .footer-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    }
}
```
See: https://share.getcloudapp.com/Wnuy15bD

The first part should be removed. Specifically, it should just be:
```
@media (min-width: 769px) {
    .copyright-bar {
       position: absolute;
    }
    .footer-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    }
}
```
Kindly modify your CSS any let us know how it goes. 🙂
March 8, 2022 at 11:18 pm #2147589

Liam

Got it. Perfect. Thanks again, Fernando.

March 8, 2022 at 11:36 pm #2147600

Fernando
Customer Support

You’re welcome Liam! Glad that worked! 🙂
Author

Posts

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.

[Resolved] Marketer Theme Footer Customization

Popular Articles

Start building better websites today.