Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Changing to sticky menu & customized navigation bar for mobile (Avenue Template)



Site URL: https://www.mialee.work/


I'm working on my web portfolio (www.mialee.work) and am running into some issues on the mobile site. I've listed changes I'm working on in order of importance and would appreciate any help and pointers. Attached is an image of the current state (top 2 images) and the desired outcome (bottom 2 images).

  1. menu:
    1. I'd like to change the current mobile menu to a sticky menu, flushed right, with the very top item to be "menu" (or hamburger). Right now, it's centered and when opened, pushes the web content down and the "menu" is the last item.
    2. The menu stays open when navigating between pages on the website. I'd like this to be set to its closed position when opening a new page on the website.
  2. logo: I'd like to change the current placement to flush left and in line with the menu. If not possible, I'd like to replace it with text or hide it.
  3. overlap image: I may have to change the block type completely but is there a way to work around it so that the overlap image is smaller while the overlap title size is unchanged?

Thanks for reading! 



Edited by ysmialee
uploaded new image to fix typo
Link to post
  • Answers 0
  • Created
  • Last Reply

Top Posters For This Question

Popular Days

Top Posters For This Question

Posted Images

0 answers to this question

Recommended Posts

There have been no answers to this question yet

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...