Empty space beside Favicon

Highlighted
New Member
6 0 0

Hi, 

I have added a favicon which sort of stands out as a logo, I have an empty space beside that, I am struggling to reorganize my sections or place them to fill that white space. any idea if we can directly get this done or should we edit the theme itself. I might be sounding too noob so am I. But trying to fix this. 

Here is my white space snapshot what I am trying to get rid off.

 

Screenshot 2020-09-21 at 8.06.29 AM.png

 

 

0 Likes
Highlighted
Shopify Partner
2751 600 740

@Tanti 

Please share your website URL. I will check and provide a 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
0 Likes
Highlighted
New Member
6 0 0

electricalbrand.com 

 

It is actually a theme called simple which I am using.

0 Likes
Highlighted
Shopify Partner
2751 600 740

@Tanti 

Are you talking about this space beside the logo ( this is not favicon) ?

Please clarify

space.jpg

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
0 Likes
Highlighted
New Member
6 0 0

Webartisan, that is not favicon but that space is due to favicon on the side. It has got stretched. Is there a way to fill that white space. which you ahve marked.

 

0 Likes
Highlighted
Shopify Partner
2751 600 740

@Tanti 

Please add the following code at the bottom of your assets/theme.scss.liquid file.

@media only screen and (min-width: 750px){
.main-content { margin-top: -140px; }
}

Let me know if this works for you.

 

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
New Member
6 0 0

Hi

Thank you for your solution which worked well. i need another solution where i want to change the collection list name on the Image which should be moved to bottom of the Collection image. any idea if we can directly get this done. i  have attached  the image for your reference

Tanti_1-1600943206391.png

0 Likes
Highlighted
Shopify Partner
2751 600 740

@Tanti 

Please add the following code at the bottom of your assets/theme.scss.liquid file

.collection-grid-item__title {
    color: #000 !important;
    position: relative !important;;
    top: 0 !important;;
    margin-top: 19% !important;;
}

.index-sections .shopify-section {
    margin-bottom: 50px !important;
}

 

If this work please mark this post as Solved and Like, so others can take benefits of it.

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
0 Likes
Highlighted
New Member
6 0 0

Thank you your solution which worked well, Kindly guide me how to make Separate Signup page for Business to Business and Business to Customer signup pages Separately where I can provide different discounts for both .

 

0 Likes