Tagged: footer
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
ok. sure
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.
Hello Robert
thanks for that!
what code can i add to move the subcribe form to the left?
looks a little off.
thanks!
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
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.
its on mobile view iphone 6 plus did you see both screenshots i attached?
both screen shots are from iphone6 plus vertical and landscape mobile view
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.
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?
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.
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
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.
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
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.
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.
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.
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?
You must be logged in to reply to this topic.Log in/Sign up
One standard license is valid only for 1 project. Running multiple projects on a single license is a copyright violation.
The message was successfully sent
Your shopping cart is empty
You may extend support period on ThemeForest and then update its status by clicking "Update" button in your Account area.
Purchase code | Expiration date |
---|---|
d7ed5d03-cb21-4657-b20c-442972d0523c | 15 Nov 2016 |