moving logo onto the same line as the navigation bar on mobile startup theme

Solved
mags5
Tourist
9 0 1

Hi,

I'm using the startup theme, and I have the issue that my logo on the mobile version of my website displays in a block above the navigation menu (no matter how small the logo i would upload), and I'd rather it be smaller and inline, like on the desktop version. How would I do that?

thanks,

Magda

KetanKumar
Shopify Partner
17242 1868 6450

@mags5 


Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

or also check your theme customization option may be allow this 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
mags5
Tourist
9 0 1
Great , thanks the site is paruq.com. Currently its password protected
cos it still has a lot of place holders- it's 1efulyi2.
0 Likes
Natztech
Shopify Partner
646 176 432

This is an accepted solution.

@mags5 please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file. shown screenshot http://prnt.sc/11p1rzu

 

@media screen and (max-width: 429px){
.template-index  .main-header{
    display: flex !important;
    justify-content: space-between;
}
}

 

Want to theme customize contact us E-mail : natztech2312@gmail.com
If helpful then please Like and Accept as Solution

PageFly Advanced Page Builder- My favorite drag and drop page builder - Visit the Shopify app store
0 Likes
mags5
Tourist
9 0 1
Thanks! That works for putting it inline, but how would I also change the
max height/width so that the logo doesn't stick out above and below the
nagivation bar, or push the other items out?
0 Likes
Natztech
Shopify Partner
646 176 432

@mags5  please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file see screenshot http://prnt.sc/11p4ntx

 

 

@media screen and (max-width: 429px){
 .template-index.header-actions {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 12px !important;
 }
 .template-index .header-tools {
    margin-top: 0px !important; 
}
.header-search-toggle{
   margin-bottom: 6px !important;
}
}

 

  

Want to theme customize contact us E-mail : natztech2312@gmail.com
If helpful then please Like and Accept as Solution

PageFly Advanced Page Builder- My favorite drag and drop page builder - Visit the Shopify app store
0 Likes
mags5
Tourist
9 0 1
I've pasted it in as is, but now the logo has moved back up to being over
the navigation bar.
0 Likes