Few questions regarding header and 'shop' page.

Comments

• necreative

  August 2021

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

  August 2021

  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

  August 2021

  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

  August 2021

  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

  August 2021

  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

  August 2021

  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

  August 2021

  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

  August 2021

  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

  August 2021 edited August 2021

  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

  August 2021

  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