My titles are being cut off from the header

[vibehome]

Hi Shopify friends, hope your having a good day 🙂

I'm having a small issue - I had my header merged in so it flows with my banners a while ago. I'm finding that since then when you go onto the page the titles are always cut off and can't see the titles.

Can someone please help with this?

I've attached some screenshot to show what I mean.

Many thanks in advance😊

[conversionist · Accepted solution]

To fix this you can add some custom CSS to create space Here's how:

1. Go to Online Store > Themes > Actions > Edit Code.
2. Open your theme.css or theme.scss.liquid file in the Assets folder.
3. Add this code at the end:
   
   

.header-merged + .main-content {
    padding-top: 100px; /* Adjust this value as needed */
}
​

Save the changes and refresh your site This should add enough space for the titles to be fully visible

[vibehome]

Thanks so much 😊 so pleased with it 

[vibehome]

[vibehome]

Hi Kaiya,

One last thing, the drop down menu on main bar shows clear and cant see the font. Do you know how to make this drop down filled so you can see the font?

Screen shot attached 

Many thanks in advance.