Center Header logo and increase its size in Venture theme

Highlighted
New Member
6 0 0

Hi,   I need your help.

I use Venture theme where I am trying to adjust  to  2 things:

 1.  Increase the size of the logo.

 I tried increasing the size in  Sections- header- image logo- custom logo width.  No results.  I think the header hight limits me to proportionally increase logo size. Any advice?

 

2.  I need to center the logo to appear in the middle of the header on all devices.

 

Please and thank you.

0 Likes
Highlighted

Hello ,

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

 

@media only screen and(min-width:769px){
.site-header__upper .small--text-center {
    text-align: right!important;
    padding-right: 10%!important;
}
}
@media only screen and(max-width:768px){
.site-header__upper .small--text-center {
    text-align: center!important;
}
}

 

 

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

Thank you for your reply.  It almost works. It centers when  I use a smaller screen.   But on when I extend the browser window logo if off-center. It displays a logo to the right from a screen center line.

 

 And I m still not able to increase the logo size in theme customizations. 

0 Likes
Highlighted
New Member
6 0 0

One correction.  I think it centers in a space between the edge of the search bar and the left edge of the page.  When the screen is smaller the search bar is not available and therefore it centers relative to the page width.  I need it centered relative to the page width on all devices. 

0 Likes
Highlighted

Hello ,

Can you please share your site url.

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
6 0 0
Timeless-natural-food.myshopify.com
0 Likes
Highlighted

Share your site 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
6 0 0

I am surprised that you asking me to share my site password.   I have to politely decline that request. 

0 Likes
Highlighted
New Member
1 0 0

Hey Everyone!

Don't know if anyone got an answer for this but after 2 days I figured it out!

HEADER.LIQUID

Line 104: {% capture image_size %}{{ section.settings.logo_max_width }}1500x{% endcapture %}

Change the bolded number to your max width

Centering it is whole other ordeal but you can find the answer here:

https://community.shopify.com/c/Shopify-Design/Venture-theme-logo-positioning/m-p/257565#comment-403...

0 Likes