(On the tablet breakpoint) i need help making the menu opening from clicking a hamburger menu to come out from the outside right side of the screen and not within the component
i think it would make more sense if i show you so here:
It seems your structure might need adjustments. I recommend separating the hamburger menu and the schedule button from the parent div and displaying them only on the tablet view. Hide the elements used for the desktop layout on tablet view. Set the right position for your navigation as shown here: Imgur: The magic of the Internet. There’s no need to use position: fixed for .navbar-rounded in the tablet view: Imgur: The magic of the Internet. You may also need to implement toggle functionality to achieve the desired behavior.