Debut theme - Menu overlaps homepage slideshow image

Solved

Debut theme - Menu overlaps homepage slideshow image

ofhaides
Tourist
12 0 3

Hello, 

I seem to have an issue with my menu which overlaps the homepage slideshow image

Link to the issue - https://www.newyearsevelondon.co.uk/

Does anyone have a fix for this?

Thank you

Accepted Solution (1)

PageFly-Victor
Shopify Partner
7865 1785 3101

This is an accepted solution.

Hi @Ofhaides

  

This is PageFly - Advanced Page Builder. I would love to give you some recommendations

Go to Online Store > Themes > Edit Code > theme.liquid , after paste this code to before </head> of file

<style>

    header{

        top:27px !important

}

</style>   

 

Best Regards;

Pagefly

 

View solution in original post

Replies 4 (4)

MarinaPetrovic
Shopify Partner
559 124 189

Hi @ofhaides , your header is sticky, so when you scroll down header is always visible. If you want it like this:
Screenshot 2022-08-24 at 14.31.05.png

 

Instead of
Screenshot 2022-08-24 at 14.31.13.png

 

Go to edit code > assets > theme.css and add this:

.site-header {
    top: 27px!important;
}
M.Petrovic | Shopify Developer
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution

KetanKumar
Shopify Partner
37094 3645 12053

@ofhaides 

oh sorry for that issue can you try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css ->paste below code at the bottom of the file.

.site-header {
    top: 27px;
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on [email protected] regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

PageFly-Victor
Shopify Partner
7865 1785 3101

This is an accepted solution.

Hi @Ofhaides

  

This is PageFly - Advanced Page Builder. I would love to give you some recommendations

Go to Online Store > Themes > Edit Code > theme.liquid , after paste this code to before </head> of file

<style>

    header{

        top:27px !important

}

</style>   

 

Best Regards;

Pagefly

 

CJTCoops
Tourist
20 0 2

Hello, this is not working for me. 

Do you mean add just above the </head>?

 

Screenshot 2022-11-05 at 09.46.40.png