CSS on footer menu is not responsive

Question

I didn’t build the website someone else did actually and it’s an issue I noticed while freelancing for a client however:

dchained.com seems to overflow on the footer menu when you add another menu item, it looks like the theme was built with bootstrap?? It was implemented terribly. How can I make this more friendly and NOT overflow when I add more elements?

I tried to reduce the margin in the CSS, but did not solve my issue. You can see general styles on inspect element.

but this appears to be the CSS for the footer menu:

.home footer #newsPageContent{display: block;}
footer #newsPageContent{display: none;}
footer .footerSection {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 55px;/* margin-top: 55px;*/
    
}

footer .footerSection .footerLogo a {
    color: #000;
}

footer .footerSection .footerLogo a h5 {
    font-weight: bold;
    font-size: 30px;
    line-height: 30px;
    margin: 0;
}

.footerMenu li a {
    font-weight: bold;
    font-size: 16px;
    line-height: 16px;
    color: #000;
    margin: 0 10px;
    padding: 0;
}

.footerMenu,
.footerSocial {
    list-style-type: none;
    display: flex;
    margin: 0;
}

.footerSocial li a {
    color: #5f2fd9;
    height: 35px;
    width: 35px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    -webkit-box-shadow: -1px 6px 26px -10px rgba(0, 0, 0, 0.75) !important;
    -moz-box-shadow: -1px 6px 26px -10px rgba(0, 0, 0, 0.75) !important;
    box-shadow: -1px 6px 26px -10px rgba(0, 0, 0, 0.75) !important;
    margin: 0 5px;
    font-size: 16px;
}

.footerSocial li a:hover {
    background: #5f2fd9;
    color: #fff !important;
    box-shadow: none !important;
}

.footerbg {
    background: #5f2fd9;
    height: 10px;
    border-radius: 20px 20px 0px 0px;
}

I am sure it’s something simple, but any help is appreciated.

0
Lakelet 3 years 2020-07-11T09:10:29-05:00 0 Answers 63 views 0

Leave an answer

Browse
Browse