Have your say in Community Polls: What was/is your greatest motivation to start your own business?

Re: Dawn Mobile Logo - Too small and different on pages

Solved

Dawn Mobile Logo - Too small and different on pages

Amy200101
Excursionist
25 1 7

Hey Guys,

 

1. I have a problem with my mobile view. My logo is extremely small on my homepage and I would like to make it larger.

 

2. On any other page the logo is the ideal size but there's a small logo on the far right that should not be there. This needs to be removed.

 

https://www.supplieswarehouse.co.uk/

 

Any help would be appreciated 

Accepted Solution (1)
Tech_Coding
Shopify Partner
417 110 98

This is an accepted solution.

 logo take time to load
see my code is working

Tech_Coding_0-1726746487323.png

 

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.
Shopify UI Developer
Your Coffee Tips adds a little sweetness to my day.

View solution in original post

Replies 7 (7)

Made4uo-Ribe
Shopify Partner
9094 2173 2683

Hi @Amy200101 

check this one. 

From you Admin page, go to Online Store > Themes

Select the theme you want to edit

Under the Asset folder, open the main.css(base.css, style.css or theme.css)

Then place the code below at the very bottom of the file.

 

@media (max-width: 767px) {
button.navbar-toggler {
    display: none;
}
}

 

And save. 

Result:

Made4uoRibe_0-1726743346313.png

 

 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
Create custom Shopify pages effortlessly with PageFly's drag-and-drop ⚙️.

Tech_Coding
Shopify Partner
417 110 98

Hello @Amy200101 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
@media screen and (max-width: 767px){
   header nav.navbar.navbar-expand-lg button.navbar-toggler {
      display: none !important;
   }
}
</style>

Tech_Coding_0-1726743529844.png

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.
Shopify UI Developer
Your Coffee Tips adds a little sweetness to my day.
Amy200101
Excursionist
25 1 7

Hey,

 

I've just tried this but it completely removes my logo from the home page but the rest of my pages are fine

Tech_Coding
Shopify Partner
417 110 98

Hello @Amy200101 

Remove the old code and add this

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
@media screen and (max-width: 767px){
    button.navbar-toggler {
      display: none !important;
   }
}
</style>

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.
Shopify UI Developer
Your Coffee Tips adds a little sweetness to my day.
Amy200101
Excursionist
25 1 7

Hey,

 

This one worked to remove the random logo on the right side of the screen. However the homepage logo still is not visible.

 

Is there a way I can add my logo on a seperate section to view only on mobile?

Tech_Coding
Shopify Partner
417 110 98

This is an accepted solution.

 logo take time to load
see my code is working

Tech_Coding_0-1726746487323.png

 

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.
Shopify UI Developer
Your Coffee Tips adds a little sweetness to my day.
Amy200101
Excursionist
25 1 7

The logo is not visible on my home page.

 

Thanks for the help so far.