Manage Posterity Menu Breakpoints

  • Resolved goldswoj

    (@goldswoj)


    2 years, 5 months ago

    I am looking for guidance on where I can manually set a menu breakpoint. Currently, the menu at the top of the page switches to a hamburger menu at 1024px. I need to change that to 1070px so the menu items do not drop down to another line when viewed on a smaller device. I have tried to override the code in my child style.css fild but not luck. I am hoping their is an easier way throught the theme settings.

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

Viewing 1 replies (of 1 total)
  • Theme Author sonalsinha21

    (@sonalsinha21)

    2 years, 5 months ago

    hamburger menu at 1024px. I need to change that to 1070px

    Switches to hamburger menu at 1070px instead of 1024px you need make changes in following files.

    1. Open file “themes/posterity/style.css” and going on line number 6914 and change @media only screen and (max-width: 1024px) to @media only screen and (max-width: 1070px)

    2. Open file “themes/posterity/js/script.js” and going on line number 36 and change break_point = [600,768,1024,1300]; to break_point = [600,768,1070,1300];

    3. Open file “themes/posterity/js/script.min.js” and going on line number 24 and change b = [600, 768, 1024, 1300]; to b = [600, 768, 1070, 1300];

Viewing 1 replies (of 1 total)
  • The topic ‘Manage Posterity Menu Breakpoints’ is closed to new replies.