Solved

How can I align my logo and menu on the same line using the studio theme?

ATTIVO
Explorer
69 1 18

hello I wanted to know if you can help me
i am using the studio theme
and I want to align the menu with the logo on the same line
currently the logo is one line above the menu

Attivo
Accepted Solution (1)

oscprofessional
Shopify Partner
15897 2378 3084

This is an accepted solution.

@ATTIVO ,

header.header.header--top-left.page-width.header--has-menu {
    display: flex;
    flex-direction: unset;
    justify-content: space-between;
}

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

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

View solution in original post

Replies 5 (5)

oscprofessional
Shopify Partner
15897 2378 3084

@ATTIVO ,

Hi, Please share your store URL & Screenshot, So I will give you proper solution here !

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
ATTIVO
Explorer
69 1 18

https://attivomx.myshopify.com/

 

password.   attivo

Attivo

oscprofessional
Shopify Partner
15897 2378 3084

This is an accepted solution.

@ATTIVO ,

header.header.header--top-left.page-width.header--has-menu {
    display: flex;
    flex-direction: unset;
    justify-content: space-between;
}

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

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
ATTIVO
Explorer
69 1 18

Thanks a lot
It has been wonderful, your work is great
I wanted to know if you can help me with one more thing?
can you help me remove this section that appears in my banner slider

Attivo
oscprofessional
Shopify Partner
15897 2378 3084

@ATTIVO ,

oscprofessional_0-1651730584564.png

 

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