Turbo Dubai remove logo from header and change position of button in Slide

Solved

Turbo Dubai remove logo from header and change position of button in Slide

SebTBP
Tourist
3 1 0

Hi all

 

I have two questions:

 

1.

My homepage has a main Slide with an image that already contains the logo, so I need to remove the logo from the Header section...how can I do that? 

If I remove the image, then it leaves the alt-text...I need that gone too.

 

2. 

the Slide section has a button that I use to direct users to my product collection...how can I change the position of the button?

Or is it better if instead of a Slide I use an Image and then add a button on top of it? If so, how can I do that ?

 

Thank you so much!

Accepted Solution (1)
SebTBP
Tourist
3 1 0

This is an accepted solution.

unluckily that didn't work. 

I ended up using this for the header:

.header__logo {
  display: none;
}

and

.button-grid-container {
  position: absolute;
}

 for the button 

View solution in original post

Replies 4 (4)

theycallmemakka
Shopify Partner
1771 432 454

Hi @SebTBP ,

 

Can you provide link to your store?

Support Me: Buy me a Coffee


For quick response - Message Me


Ping me at: theycallmemakka@gmail.com

SebTBP
Tourist
3 1 0
theycallmemakka
Shopify Partner
1771 432 454

Hi @SebTBP ,

 

You can add below css to hide logo from home page header. But regarding changing position of button, you will have to edit the theme to do this,

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code just above </body> tag

<style>
body:has(#shopify-section-template--15922817171596__slideshow-1) .header__logo,
body:has(#shopify-section-template--15922817171596__slideshow-1) a.mobile_logo.logo
{
    display: none!important;
    
}
</style>

 

If you require further help to optimize your store, please don't hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

 

Best Regards,
Makka

Support Me: Buy me a Coffee


For quick response - Message Me


Ping me at: theycallmemakka@gmail.com

SebTBP
Tourist
3 1 0

This is an accepted solution.

unluckily that didn't work. 

I ended up using this for the header:

.header__logo {
  display: none;
}

and

.button-grid-container {
  position: absolute;
}

 for the button