Minimal Theme - how do I enlarge / center logo on desktop version.

Solved
Highlighted
New Member
6 0 0

Been messing with css files to no avail. 

theomnibuscellar.com. 

Header logo on desktop and widescreen versions - trying to enlarge and center. 

31177905-3065-41F6-9876-A831F84CFDE9.jpeg

0 Likes
Highlighted

This is an accepted solution.

Hello ,

Add this css at the bottom of

Online Store->Theme->Edit code->Assets->theme.scss.liquid

.logo__image-wrapper {
    max-width: 50%!important;
    margin-left: 25%!important;
}
.grid__item.post-large--two-thirds.post-large--display-table-cell.medium-down--hide {
	display: none!important;
}
.grid__item.post-large--one-third.post-large--display-table-cell {
    width: 100%!important;
    text-align: center;
}
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
Shopify Expert
1381 111 199

hi,

try this put the code bottom of timber.scss.css

.site-header {
padding: 10px 0;
background-color: transparent;
}
.logo__image-wrapper {
max-width: 150px;
text-align: center;
margin: 0 auto;
}
.site-header .grid--full {
display: flex;
width: 100%;
align-items: center;
justify-content: center;
}

0 Likes
Highlighted
New Member
6 0 0

Thank you - that could not have worked better!

0 Likes