Few questions regarding header and 'shop' page.

necreative

Hi guys,

http://dou-h.co.uk/new/ this is my temporary URL for the website I am creating. If you notice when you scroll down slightly the top nav appears in a blue box. Is there any way to stop this happening? (I have attached a screenshot also).

Also on http://dou-h.co.uk/new/shop/ I'd like to somehow keep the same header as my homepage. Can this be done? If so how? I am happy to provide log ins but I have racked my brain looking through the menu options and cannot find a solution. (screenshot attached).

Thanks guys,

Ben

necreative

Is there any chance somebody could jump on this, it's probably a quick fix for the dev. Thanks guys.

Phil

Hello,

1) For the scroll problem, please, put the following code in Betheme -> Theme options -> Custom CSS & JS -> CSS.

.is-sticky[data-desktop$="off"] .mhb-view.default {
   position: absolute!important;
   top: 0!important;
}

2) Can you explain to me in more detail what you want to achieve?

Do you want to have a slider on that page or just a background behind the header so the menu would be visible?

We send answers three times a day, and I was not able to answer you.

Best regards

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

necreative

Thanks for that, that fixed the error.

I would just like my shop page to have the same header as my homepage, with the navigation a different colour. At the moment it is overlapping the content, so effectively, yes a slider would fix this but maybe a margin - As it also happens on a product page: http://dou-h.co.uk/new/product/fajita-chicken-home-pizza-kit-gluten-free-coeliac-accredited/

Thanks,

Ben

Phil

Please, try the following code:

.woocommerce #Content{
   border-top: 150px solid #000!important;
}

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

necreative

Hi, that does seem to fix but now I have an issue with the mobile menu. It's not centering the logo. But is also covering the slider due to the logo size. How do I fix this?

Phil

1) If you are using a Header Builder, please, open the mobile display, and turn off the Header layered on top of the content option.

2) To center the logo, put a text item to the align: right field.

If it will be still not centered, put empty <div> with some width.

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

necreative

Hi, I have managed to fix most errors but now I create a separate page and the old dark blue header is coming back. See: https://dou-h.co.uk/dou-h-at-home/ - How do I fix this?

necreative

It's also displaying the page title behind the header. I have no idea how to fix this, can't find the element to edit in CSS.

necreative

Please can somebody respond? I will stop trying to fix now. The issues are:

The fix you provided me to fix my header originally:

  .woocommerce #Content {border-top: 150px solid #59534f!important;}

On this page: https://dou-h.co.uk/shop/ this creates a big bar on mobile as you can see, here:

There is also an issue with my page https://dou-h.co.uk/dou-h-at-home/ - Mobile, looks great, see here:

But on browser it's completely overlapping again. See here:

I'd like the header to have a solid background on these 2 pages:

https://dou-h.co.uk/shop/

https://dou-h.co.uk/dou-h-at-home/

While keeping my homepage as the overlaid style. Is this possible?

Phil

Sorry, I was not able to answer you because you wrote beyond my working time.

Please, replace the previous code I have sent you with the following one:

@media only screen and (min-width: 767px){
 #Content {border-top: 150px solid #59534f!important;}
}

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next