[Resolved] CSS issue

Home Forums Support CSS issue

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #1242369
    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

    #1242637
    David
    Staff
    Customer Support

    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

    #1242719
    Andrew

    All done.

    I’ll keep an eye out for your CSS.

    Thanks
    Andrew

    #1242821
    David
    Staff
    Customer Support

    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;
        }
    }
    #1243618
    Andrew

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

    #1244030
    David
    Staff
    Customer Support

    Additional CSS will be fine.

    #1244801
    Andrew

    Thanks for the help here, David.

    #1245025
    David
    Staff
    Customer Support
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.