In debut them I want see footer in desktop same as like mobile

Solved
Highlighted
Tourist
10 0 4

Mobile

IMG_20200712_135114.jpg

 desktop

IMG_20200712_135200.jpg

 i know it can do by code editing 

Any help is appreciated

1 Like
Highlighted
Shopify Partner
5803 847 1942

Hello, @Imru 

Welcome to the Shopify community!
and Thanks for your question.


Please share your site URL,
So I will check and provide a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
1 Like
Highlighted
Shopify Partner
1526 326 443

Hey @Imru 

 Can you please provide your webshop URL?

I will check and provide you solution here.

Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
1 Like
Highlighted
Tourist
10 0 4
Highlighted
Shopify Partner
5803 847 1942

@Imru 

It can be done by doing some code customization. please send me a personal message and we can discuss what you'd like

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
1 Like
Highlighted
Tourist
10 0 4

Thanks for your time

I really appreciate if you able to share the solution this plate form if you don't mind

I want see footer in desktop same as like mobile

 

1 Like
Highlighted
Shopify Partner
5803 847 1942

@Imru 

can you please try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

@media only screen and (max-width: 749px) {
.grid--footer-float-right .grid__item.one-half.small--one-whole.site-footer-item-tall {
    float: right;
    width: 50%;
    text-align: right;
}
.grid--footer-float-right .grid__item.medium-up--hide.one-half.small--one-whole {
    width: 50%;
    text-align: left;
}
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
1 Like
Highlighted
Tourist
10 0 4

Thanks for the reply and assist

Code work other way around 

Now same desktop view I can see from Mobile

But what I want  mobile view in desktop 

Below is desktop view

IMG_20200712_135200.jpg

Below is mobile view

This is the view I want see in desktop

IMG_20200712_135114.jpg

0 Likes
Highlighted
Shopify Partner
5803 847 1942

This is an accepted solution.

@media only screen and (min-width: 750px) {
.site-footer-item-align-right {
    text-align: center;
}
.grid--footer-float-right .one-half {
    width: 100%;
    text-align: center;
}
.grid--footer-float-right .medium-up--hide {
    display: block !important;
}
.site-footer__social-icons {
text-align: center;
}
.grid--footer-float-right .small--hide {
    display: none !important;
}
}

@Imru 

Thanks 

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
1 Like
Highlighted
Tourist
10 0 4

@KetanKumar 

It work perfectly

Thank you very much

0 Likes