Return to previous page

Topic: footer icons

Tagged: footer

bazarcollective

Participant

November 6, 2015 5:52 pm

hello guys
i need help w a couple things on my footer. id like to add space between “follow us” and social icons/ center social icons under “follow us” also want to change the color, size for payment options. i had someone on fiverr helping but they kept having trouble everytime they add an edit the social icons on my front page distort on pc/mobile. ive included a screen shot, hope you can help.
thanks
Site URL: hidden
Theme version: 2.3
WooCommerce version: 4.3.1

Content is visible for topic creator and
support staff only.

#98206 copied to clipboard

Like

Eva Kemp

Support staff

November 6, 2015 6:34 pm

Hello,

Please provide us with wp-admin panel credentials in Private Content.

Regards,
Eva Kemp.

#98213 copied to clipboard

Like

bazarcollective

Participant

November 6, 2015 7:28 pm

ok. sure

Content is visible for topic creator and
support staff only.

#98215 copied to clipboard

Like
Robert Hall

Support staff

November 7, 2015 9:35 am
Hello,

I’ve added the following code in Child Theme. Please check it.

#mla-text-widget-2 .widget-title{ margin-bottom: 48px; } .soci-icons2 .vc_icon_element.vc_icon_element-outer .vc_icon_element-inner{ margin-left: 3px; } .payment-methods { color: red; font-size: 10px; }

Regards,
Robert Hall.
#98242 copied to clipboard

Like
bazarcollective

Participant

November 7, 2015 1:11 pm

Hello Robert
thanks for that!
what code can i add to move the subcribe form to the left?
looks a little off.
thanks!

#98255 copied to clipboard

Like
Eva Kemp

Support staff

November 8, 2015 9:48 am
Hello,

I’ve edited the code in Theme Options > Custom CSS > Global Custom CSS from:

.soci-icons2 { margin-right: 85px; }

to

.soci-icons2 { margin-right: 50px; }

Please check now.

Regards,
Eva Kemp.
#98291 copied to clipboard

Like
bazarcollective

Participant

November 9, 2015 4:16 am

hey guys i didnt check the icons on mobile before. the icons shift to the left its the same thing we were having trouble w everytime we tried an edit. please look at my screen shots both mobile and landscape view.
thanks

Content is visible for topic creator and
support staff only.

#98354 copied to clipboard

Like

Jack Richardson

Support staff

November 9, 2015 8:36 am

Hello,

What browser are you checking in?
I see this footer on desktop:
http://storage1.static.itmages.com/i/15/1109/h_1447054584_8450452_69261315cd.png

Best regards,
Jack Richardson.

#98362 copied to clipboard

Like

bazarcollective

Participant

November 9, 2015 1:54 pm

its on mobile view iphone 6 plus did you see both screenshots i attached?

#98424 copied to clipboard

Like

bazarcollective

Participant

November 9, 2015 1:56 pm

both screen shots are from iphone6 plus vertical and landscape mobile view

#98425 copied to clipboard

Like
Jack Richardson

Support staff

November 9, 2015 7:05 pm
Hello,

Add this code in Custom CSS for mobile:

.widget_mc4wp_widget .widget-title { width: 300px; } .footer-top .widget_mc4wp_widget { padding-top: 50px; } .soci-icons2 { border-right: none; }

and this code to Custom CSS for mobile landscape:

.footer-top .vc_icon_element.vc_icon_element-outer.vc_icon_element-align-center { margin-left: 150px; } .soci-icons2 { border-right: none; } .widget_mc4wp_widget .widget-title { width: 300px; margin-left: 150px; }

Best regards,
Jack Richardson.
#98498 copied to clipboard

Like
bazarcollective

Participant

November 10, 2015 5:35 am

Hello Jack ive tried adding the codes in Custom CSS for mobile and CSS for mobile landscape but everything is still the same. anything else i can try?

#98561 copied to clipboard

Like

Eva Kemp

Support staff

November 10, 2015 9:21 am

Hello,

As I see now footer is shown properly:
http://storage4.static.itmages.com/i/15/1110/h_1447143675_2630567_63ce7f9eb3.png

Please show us screenshots from your side.

Regards,
Eva Kemp.

#98584 copied to clipboard

Like

bazarcollective

Participant

November 10, 2015 2:25 pm

Hello Eva
Have you read the trough thread? The footer is good in pc view. Its the mobile and mobile landscape views i need help w. The footer in mobile /mobile landscape view looks the same as prior screenshots i had attached. The only thing that changed slighty after adding the codes that Robert provided was the text for the subscribe box. here are the screen shots again. let me know if you need anything else.
thanx

Content is visible for topic creator and
support staff only.

#98661 copied to clipboard

Like
Jack Richardson

Support staff

November 10, 2015 5:15 pm
Hello,

I’ve added this code in child style.css file:

@media (max-width: 480px) { .widget_mc4wp_widget .widget-title { width: 300px; } .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: 70px; }}

@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: 200px !important; } .soci-icons2 { border-right: none !important; } .widget_mc4wp_widget .widget-title { width: 300px !important; margin-left: 150px !important; }}

Please clear browser cache and check footer now.

Best regards,
Jack Richardson.
#98688 copied to clipboard

Like
bazarcollective

Participant

November 10, 2015 5:47 pm

hello jack
i checked both views and now the icons and subscribe form text are to right on mobile and icons are to left on landscape. see screenshots

Content is visible for topic creator and
support staff only.

#98699 copied to clipboard

Like

Jack Richardson

Support staff

November 10, 2015 7:36 pm

Hello,

As I see you edited the code I provided in the previous post.
I’ve edited it back.

Please check the site now.

Best regards,
Jack Richardson.

#98715 copied to clipboard

Like

bazarcollective

Participant

November 11, 2015 5:03 am

Hey guys
Im starting to think i wont ever get this fixed.
Maybe too difficult? im checking the footer on iphone 4 also iphone 6 plus.
footer looks different for both. here are the screen shots.

Content is visible for topic creator and
support staff only.

#98771 copied to clipboard

Like

Jack Richardson

Support staff

November 11, 2015 8:58 am

Hello,

Please look at the screenshots what I see from my side:
http://storage8.static.itmages.com/i/15/1111/h_1447228645_4511102_9009a478d0.png
http://storage1.static.itmages.com/i/15/1111/h_1447228689_6464611_bbb2d66368.png

Please try to check with other devices and other Internet provider.

Thank you.

Best regards,
Jack Richardson.

#98792 copied to clipboard

Like

bazarcollective

Participant

November 11, 2015 4:55 pm

ok i checked and it only looks like that for iphone 6. the footer isnt properly showing for iphone 4/ iphone 5/ iphone 6 plus. do they all need different css?

#98906 copied to clipboard

Like