Sticky menu, front page 'wobble' + transparent menu bac

Hi - I’ve nearly finished creating a new site in the Sydney theme but I have a few problems I can’t seem to fix:

  1. I have selected the ‘Sticky Menu’ option but this only seems to be working on desktop versions of the site. On mobile devices the menu is behaving as a static menu. How can I fix this ?
  2. My front page is moving from side to side, especially when viewed on mobile devices, but all other pages are fine (is this parallax motion ?). As far as I can tell all my settings are the same for each page. How can I make my front page stay still ?
  3. When viewed on a desktop my site header background is transparent until you start to scroll down. On mobile devices the background is coloured from the start. Can I make it transparent ?

Many thanks for all your efforts.
Paul.

Hello Paul,

Thank you for reaching out to us. Those three, can be done with the below custom CSS code:


html, 
body{
   overflow-x: hidden;
}

@media only screen and (max-width:1024px) {
   .site-header {
      background-color: transparent;
   }   
}   

@media only screen and (max-width:991px) {
   .site-header,
   .site-header.fixed {
      position: fixed !important;
   }
}

To apply it to your site, insert it into your site’s additional CSS option which resides under the Appearance > Customize > Additional CSS.

Regards,
Kharis