Header button (CTA)

  • Resolved Adit MB

    (@aditmb)


    1 year, 5 months ago

    Hi, me again..

    In classic theme, for mobile header, the menu will be in off-canvas area and the button in the desktop header will not be visible in mobile. How can I achieve this in FSE or Ollie in this matter? Because the header CTA doesn’t look good on mobile.

    I tried making another section with kadence block. Made it 3 rows, left for logo, mid for navigation, and right for button. With this setup I can make the button dissapear in mobile, but then the hamburger menu didn’t look right. Is there a way to edit template differently for each device like we did in post editor?

    I apologize if my question is confusing because English is not my primary language, it’s kinda hard to explain it shorter.

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Theme Author Mike McAlister

    (@mmcalister)

    Hi there,

    The header designs that ship with Ollie handle the mobile navigation automatically. On desktop, you do not see the menu icon, but on smaller screens, the menu icon will show and then toggle the mobile menu.

    I’m not sure exactly what you are trying to achieve, but the block theme navigations are not super customizable yet, so it’s best to keep it simple and stick with what you get in the header patterns.

    Thread Starter Adit MB

    (@aditmb)

    Hi Mike,

    Sorry for making the post too long. I want the button in the header to be visible on desktop but not in mobile. I did this with my wife’s web automatically with spectra one, while in Ollie the button shows in desktop and mobile

    Thread Starter Adit MB

    (@aditmb)

    Like olliewp.com, the header download button is visible in desktop mode, but hidden in mobile.

    Thread Starter Adit MB

    (@aditmb)

    ended up using small social icon and looks great on mobile as well.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Header button (CTA)’ is closed to new replies.