Dawn Mobile Logo - Too small and different on pages

[Amy200101]

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 

[Made4uo-Ribe]

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:

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

[Tech_Coding]

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>

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

[Amy200101]

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]

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.

[Amy200101]

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 · Accepted solution]

 logo take time to load
see my code is working

[Amy200101]

The logo is not visible on my home page.

Thanks for the help so far.