Brooklyn theme: Slideshow Size, Change Icons and Center Social Media in Footer

Solved
kmdesign
Tourist
10 0 3

Hello

I'm working on a site using Brooklyn theme.

I would like to make the following customizations.  

1) increase height of the Slideshow size on the home page (it looks great on mobile but the photo is getting cropped along the bottom on desktop)  I've tried resizing the photo, but it would look better if I can just increase the height of the slideshow container. 

The theme.scss file says this, I can't find the Slider init JS file. 

/*============================================================================
Full screen hero styles
- Uses css background image
==============================================================================*/
.hero {
// Height is set by JS on slider init. vh is a nice default for modern browsers.
height: 100vh;
max-height: 100vh;

2) Switch out the login and cart icons for my own

 

3) Center the Instagram logo in footer and remove the text "instagram" so it just shows the icon. 

 

Thank you! 

KetanKumar
Shopify Partner
14455 1675 5201

@kmdesign 

Sorry for facing this issue, it's my pleasure to help us.

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

can you please share the issue sreenshot?
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
kmdesign
Tourist
10 0 3

Thank you @KetanKumar 

Here are screenshots of the home page slideshow for desktop and mobile.  I would like the desktop version to extend to the bottom of the dog.  (like it does in the mobile version).  Also attached of the instagram uncentered in footer.  Thanks for your help. 

 

 

Screen Shot 2021-02-08 at 3.18.26 PM.pngScreen Shot 2021-02-08 at 3.18.42 PM.png

Screen Shot 2021-02-08 at 3.22.19 PM.png

0 Likes
kmdesign
Tourist
10 0 3

@KetanKumar Hi again, wondering if you could still help with this.  If Instagram can't be centered in footer, is possible to move just the icon to the top left of the header?  

0 Likes
KetanKumar
Shopify Partner
14455 1675 5201

@kmdesign 

store URL?

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
kmdesign
Tourist
10 0 3
KetanKumar
Shopify Partner
14455 1675 5201

This is an accepted solution.

@kmdesign 

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

.social-icons {
    text-align: center;
}

 

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
kmdesign
Tourist
10 0 3

Thank you so much @KetanKumar that worked beautifully to center the instagram icon in the footer.

Is there anything you can suggest for me to change the icons in the template for login and shopping cart?  I would like to replace them with my own icons. 

KetanKumar
Shopify Partner
14455 1675 5201

@kmdesign 

great, thanks for the update

yes, is possible to customization code  do you need this please personal message

 

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