Archived topic

CSS issue

7 replies · Started by Andrew on April 16, 2020

Viewing posts 1–8 of 8

April 16, 2020 at 8:44 pm #1242369

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

April 17, 2020 at 3:19 am #1242637

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

April 17, 2020 at 4:42 am #1242719

All done.

I'll keep an eye out for your CSS.

Thanks
Andrew

April 17, 2020 at 6:13 am #1242821

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

April 17, 2020 at 4:55 pm #1243618

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

April 18, 2020 at 5:36 am #1244030

Additional CSS will be fine.

April 18, 2020 at 5:09 pm #1244801

Thanks for the help here, David.

April 19, 2020 at 2:20 am #1245025

You're welcome

This archived topic is closed to new replies.

Start building better websites today.