Sticky header on mobile and logo

  • Hey, I absolutely love this theme and I plan on purchasing the premium version as soon as my funds allow me to. I have a two part question, if I could get 1 of 2 resolved i’d be very thankful but I would like to handle both.

    1. I notice that on a pc the header menu sticks when you scroll down the page. However, when being viewed from mobile devices the menu doesn’t stick. Is there any way through css to make the menu stick on mobile devices?

    2. Is there any way to add a small custom logo into the opacitized header section? The same section mentioned above.

Viewing 5 replies - 1 through 5 (of 5 total)

  • 1. It’s designed like that because the mobile viewing area is a lot smaller and sticking a menu bar at the top can limit the space left for page content.

    2. Adding a logo to the navbar requires editing header.php and manually adding your own code. You’d also have to write some CSS to make sure it was aligned properly.

    Thread Starter dorianstevens

    (@dorianstevens)

    Thanks for responding! I end up figuring out how to apply the sticky header to the @media section of the code and you’re right, it took up too much space. Is there any way you can tell me where and what I need to add to the php file to get my logo image in there. I often work with php but I’m not very efficient at it. I can handle the css portion though.

    dorianstevens,

    I was checking out your site, https://ai.dorianlatelle.com. Good work ??

    I think you have selected the option to “randomize” header image. Just wanted to bring to your notice that the bicycle image(Arcade theme default) also shows up sometimes (all the other photos are kids). Just an FYI. Ignore this msg if you have left the image there intentionally.

    Thread Starter dorianstevens

    (@dorianstevens)

    Tarun, I’ve tried to locate the bicycle image and remove it but I can’t seem to figure out how, might you know how to delete it?

    I also have the same request to make the top navigation bar sticky all of the time across multiple screen widths – especially on a mobile device, its the same issue as dorianstevens can you tell me what you did to modify in the code to at least test this out. I fully appreciate its as per design, but I would like to modify if simple enough to do.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Sticky header on mobile and logo’ is closed to new replies.