Solved

Moving social media icons to the left edge. At the top of the page

tuoze
Tourist
8 0 0

Please help me move the icons to the left. I'm working on the dawn template

 

 

tuoze-pl (1).png

Accepted Solutions (2)

JasmeetVT14313
Shopify Partner
204 48 57

This is an accepted solution.

Hi @tuoze 
Try adding the below code to the end of "base.css" file

.announcement-bar-section .page-width.utility-bar__grid {
    max-width: 100%;
}

 If this information was helpful to you, please give it a Like. If it resolved your issue, kindly hit Like and mark it as the Solution! Thank you!

- Helpful? Please hit Like and mark it as a solution
- VTN Power Wishlist ultimate solution for effortless wishlist management. Free plan available
- Feel free to contact me at jasmeet.kaur@vtnetzwelt.com

View solution in original post

JasmeetVT14313
Shopify Partner
204 48 57

This is an accepted solution.

@tuoze 
Instead of getting back and forth here, let me do it for you. If you require further help to modify your store or you'd like to discuss this more, don't hesitate to send me a PM.

- Helpful? Please hit Like and mark it as a solution
- VTN Power Wishlist ultimate solution for effortless wishlist management. Free plan available
- Feel free to contact me at jasmeet.kaur@vtnetzwelt.com

View solution in original post

Replies 11 (11)

JasmeetVT14313
Shopify Partner
204 48 57

This is an accepted solution.

Hi @tuoze 
Try adding the below code to the end of "base.css" file

.announcement-bar-section .page-width.utility-bar__grid {
    max-width: 100%;
}

 If this information was helpful to you, please give it a Like. If it resolved your issue, kindly hit Like and mark it as the Solution! Thank you!

- Helpful? Please hit Like and mark it as a solution
- VTN Power Wishlist ultimate solution for effortless wishlist management. Free plan available
- Feel free to contact me at jasmeet.kaur@vtnetzwelt.com
tuoze
Tourist
8 0 0

Thank you very much, it works 🙂 I have one more question. How to make all elements align in the same way? 

 

 

Zestawy-–-tuoze-pl.png

JasmeetVT14313
Shopify Partner
204 48 57

Hi @tuoze 
Glad to hear it helped
Can you please share URL so that I can guide you based on your current design.

- Helpful? Please hit Like and mark it as a solution
- VTN Power Wishlist ultimate solution for effortless wishlist management. Free plan available
- Feel free to contact me at jasmeet.kaur@vtnetzwelt.com
tuoze
Tourist
8 0 0

Hi 
tuoze.pl
Thank you in advance 🙂 


JasmeetVT14313
Shopify Partner
204 48 57

@tuoze 
You can add the below code to end of "base.css" file

@media screen and (min-width: 990px){
.header:not(.header--middle-left,.header--middle-center) .header__inline-menu {
    margin-left: -2px;
}
}

JasmeetVT14313_0-1713852677940.png

If this information was helpful to you, please give it a Like. If it resolved your issue, kindly hit Like and mark it as the Solution! Thank you!

- Helpful? Please hit Like and mark it as a solution
- VTN Power Wishlist ultimate solution for effortless wishlist management. Free plan available
- Feel free to contact me at jasmeet.kaur@vtnetzwelt.com
tuoze
Tourist
8 0 0

It looks very good on a large monitor, thank you. Unfortunately, on a laptop monitor, social media icons do not adhere to the edges. Can you also help me with the other side? so that it can also be equalized?

 

Oxygen-–-tuoze-pl.png

JasmeetVT14313
Shopify Partner
204 48 57

Hi @tuoze 
Try adding below css to end of base.css file

@media screen and (min-width: 1200px) and (max-width: 1799px){
.announcement-bar-section .page-width.utility-bar__grid {
    max-width: 100%;
    padding-left: 5rem;
    padding-right: 5rem;
}
}


If this information was helpful to you, please give it a Like. If it resolved your issue, kindly hit Like and mark it as the Solution! Thank you!

- Helpful? Please hit Like and mark it as a solution
- VTN Power Wishlist ultimate solution for effortless wishlist management. Free plan available
- Feel free to contact me at jasmeet.kaur@vtnetzwelt.com
tuoze
Tourist
8 0 0

Hello
thank you very much for help. The menu is currently on a gray bar, it is a very subtle shade of gray and may not be very visible. It would be nice if it was possible to align the elements on the left, or align the menu bar to the elements. Even if it was possible to align the right side. a shopping cart icon and a gray bar below to the right edge or a narrower banner to create one line. I will be very grateful for your help.

tuoze-pl (8).png

JasmeetVT14313
Shopify Partner
204 48 57

This is an accepted solution.

@tuoze 
Instead of getting back and forth here, let me do it for you. If you require further help to modify your store or you'd like to discuss this more, don't hesitate to send me a PM.

- Helpful? Please hit Like and mark it as a solution
- VTN Power Wishlist ultimate solution for effortless wishlist management. Free plan available
- Feel free to contact me at jasmeet.kaur@vtnetzwelt.com

oscprofessional
Shopify Partner
15905 2378 3087

Hello @tuoze 

Please share your store URL.

 

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free

PageFly-Noah
Shopify Partner
1251 220 253

This is Noah from PageFly - Shopify Page Builder App

I can help you. Please can you provide the website url. Thank you.

 

Best regards,

Noah | PageFly

 

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.