Footer stacking when I want it to run landscape

[floodout]

How do I get the footer to be landscape like this:

on this page it is currently stacking and I want it to be landscape.

[SeaTheme]

You can edit a template like project-item-standard-grid.html, copy all HTML codes in <footer ...>..</footer>

---

Regards!
SeaTheme – FAQs – WordPress Customization – Facebook

[floodout]

How can I get it to work on this page?

I am not able to redesign the entire page as it is very different to the
project-item-standard-grid.html page.

[SeaTheme]

Please add the CSS on the last line of style.css:

@media(min-width:768px){
 footer .socialmedia {
  display: flex;
 }
 footer .socialmedia > li {
  margin-left: 10px;
 }
}

---

Regards!
SeaTheme – FAQs – WordPress Customization – Facebook

[floodout]

Thankyou. I have successfully got the footer working.

See page here

But the little line is not showing that goes bwetween the logo and the social names. And there is a big gap between the logo and the words.

Also the logo is not aligned to the bottom of the words. It is sitting lower then the words “Instagram” and “Linkedin”

How do I fix this?

Thankyou.

[floodout]

I am still wanting a response to the above question. Thankyou

[SeaTheme]

Hi,

Please update above CSS as:

@media(min-width:768px){
 footer .socialmedia {
  display: flex;
  border-left: 1px solid;
  padding-left: 30px;
  line-height: 100%;
 }
 footer .socialmedia > li {
  margin-left: 10px;
 }
 .logo-footer-img { 
    margin-top: -10px; 
  }
}

---

Regards!
SeaTheme – FAQs – WordPress Customization – Facebook

[Author]

Posts