[Resolved] CSS issue

[Andrew]

Hi, I’ve used the copyright area to place a URL to my privacy page in the lower footer area. On one of my pages I’ve created a CSS horizontal menu. My pages use the “sections” option.

It seems that the CSS for the menu is affecting the CSS for the footer and I can’t work out where or why. The copyright retains it’s formatting but the link loses formatting and loses it’s float parameters. It only occurs on this one page where the menu is.

Can you please assist?

Thanks

[David]

Hi there,

i can see some ‘broken’ markup in your copyright info which is probably the issue.
Instead of adding the privacy and social icons to the copyright field – add them as Footer Bar widgets – and ill provide some CSS to give you that same layout

[Andrew]

All done.

I’ll keep an eye out for your CSS.

Thanks
Andrew

[David]

Try this:

.inside-site-info  {
    display: flex;
    flex-direction: column-reverse;
}
.footer-bar {
    width: 100%;
}
.footer-bar .widget_custom_html {
    float: left;
    position: relative;
}
.footer-bar-align-right .copyright-bar {
    text-align: right !important;
    margin-bottom: 1.25em;
}

@media (min-width: 360px) {
    .footer-bar .widget_custom_html {
        top: -40px;
    }
}

[Andrew]

Thanks David, would you recommend putting in the main CSS file or in the additional CSS section?

[David]

Additional CSS will be fine.

[Andrew]

Thanks for the help here, David.

[David]

You’re welcome

[Author]

Posts