Return to previous page

Footer icons - by bazarcollective - on WordPress WooCommerce support

This topic has 25 replies, 4 voices, and was last updated 8 years, 5 months ago ago by Jack Richardson

Jack Richardson

Support staff

November 11, 2015 at 18:19

Hello,

I’ve edited the code in child style.css file to this:

@media (max-width: 480px) {
  .widget_mc4wp_widget .widget-title {
    width: 100%;
}
.footer-top .widget_mc4wp_widget {
   padding-top: 50px;
}
.soci-icons2 {
    border-right: none !important;
}

.footer-top.footer-top-1 .vc_icon_element.vc_icon_element-outer.vc_icon_element-align-center {
    margin-left: 20%;
}}

@media (min-width: 480px) and (max-width: 680px) {
  .footer-top.footer-top-1 .vc_icon_element.vc_icon_element-outer.vc_icon_element-align-center {
    margin-left: 36% !important;
}
.soci-icons2 {
   border-right: none !important;
}
.widget_mc4wp_widget .widget-title {
    width: 50% !important;
    margin-left: 20% !important;
}}

Please check footer now.

Best regards,
Jack Richardson.

#98922 Copied

bazarcollective

Participant

November 11, 2015 at 18:44

ok finally its getting there! 🙂
all views are good except iphone 6 plus the twitter icon appears below the instagram icon and on iphone6+ landscape view the icons and “subcribe to our nesletter” arent centererd theres also a border line that should only be visible on pc view. im attaching a screen shot

#98928 Copied

Jack Richardson

Support staff

November 12, 2015 at 09:29

Hello,

I’ve edited the code again:

@media (max-width: 380px) {
  .widget_mc4wp_widget .widget-title {
    width: 100%;
}
.footer-top .widget_mc4wp_widget {
   padding-top: 50px;
}
.soci-icons2 {
    border-right: none !important;
}
.footer-top.footer-top-1 .vc_icon_element.vc_icon_element-outer.vc_icon_element-align-center {
    margin-left: 20%;
}}

@media (min-width: 380px) and (max-width: 480px){
  .widget_mc4wp_widget .widget-title {
    width: 100%;
}
.footer-top .widget_mc4wp_widget {
   padding-top: 50px;
}
.soci-icons2 {
    border-right: none !important;
}}

@media (min-width: 480px) and (max-width: 750px) {
  .footer-top.footer-top-1 .vc_icon_element.vc_icon_element-outer.vc_icon_element-align-center {
    margin-left: 36% !important;
}
.soci-icons2 {
   border-right: none !important;
}
.widget_mc4wp_widget .widget-title {
    width: 50% !important;
    margin-left: 20% !important;
}}

Please check now.

Best regards,
Jack Richardson.

#99026 Copied

bazarcollective

Participant

November 12, 2015 at 17:22

You did it! Looks great.
Thank you so much for all the time and effort you guys put into 8 themes! learning so much from you guys 🙂

#99145 Copied

Jack Richardson

Support staff

November 12, 2015 at 18:33

Hello,