header logo boundless theme and icon colour change

Solved
Highlighted
New Member
11 0 0

Hi, I think this is some sort of a bug. I try to add my header logo and it shows up on my slideshow like this: 4.PNG

 

Then I found out I can fix it by coding. I used this code: 

.template-index .site-header-wrapper {
position: relative;
}
.site-header__link, .site-header__logo-link {
color: #1a1a1a !important;
}

This code helped me but there are two other problems that I just don't know how to solve. One is the white stripe isn't high enough, I would like it to be a bit bigger. The other problem is, cart, search box and sidebar menu are colour white which means they disappear when I set my background white. I changed colour of my background so the problem is visible: Przechwytywanie3.PNG

Is there any way to change the colour of these icons to black and perhaps extend this yellow stripe vertically by 1/3?

0 Likes
Highlighted

Hello.....
Please share your store URL .
So that I will check and let you know the exact solution here.

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
New Member
11 0 0

https://rasasvada.uk/ Thanks. I managed to change the colour of icons I still don't know how to make this white stripe a little bigger. it's too thin, my logo barely fits.

0 Likes
Highlighted

password?

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
New Member
11 0 0

mutrow, thanks.

0 Likes
Highlighted

Hey,

oscprofessional_0-1605902073797.png

this is the thing you want to increase the size length.

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
New Member
11 0 0

yes, exactly this thing  

0 Likes
Highlighted
New Member
11 0 0

I would like to increase it's size by about 1/3 or 1/2. Thanks

0 Likes
Highlighted

This is an accepted solution.

header.site-header {
    padding: 21px;
}


Hello
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.scss.liquid

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
New Member
11 0 0

Thank you so much!!! Finally someone who understands me haha. Thanks again. 

0 Likes