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

beatrizc

Circle Member
  • Posts

    33
  • Joined

  • Last visited

Community Answers

  1. beatrizc's post in How to add a call to action button in main navigation? (Hyde Template) was marked as the answer   
    Hi,
    You can try this. It targets the last item in your menu on both desktop and mobile:
    .Header-nav.Header-nav--primary .Header-nav-inner > a:last-of-type, .Mobile-overlay-nav.Mobile-overlay-nav--primary > a:last-of-type { border: 2px solid white; padding: 10px 30px; border-radius: 300px; }
    If you want to target only desktop, use this part:
    .Header-nav.Header-nav--primary .Header-nav-inner > a:last-of-type { border: 2px solid white; padding: 10px 30px; border-radius: 300px; }
    For only mobile, use this:
    .Mobile-overlay-nav.Mobile-overlay-nav--primary > a:last-of-type { border: 2px solid white; padding: 10px 30px; border-radius: 300px; }
    You might want to alter the height of your header so the button fits properly.Also, you'll have to modify the width of the button in mobile if you want to keep the same style, otherwise it will look misaligned.
    Hope that helps.
    B.

×
×
  • Create New...