Hey there,
as the title suggests, I am trying to center align the menu horizontally within the specific width of the screen.
Do take note: Based on Image 2, I would also want to consider that the menu and sub-menus navigation texts are not affected (should be left aligned). While only the main menu and logo are aligned center to the screen
Kindly follow the links below for better understanding.
Website Url: http://leapdsc.com/leapdsc/client/hdb/
Image 1: https://1drv.ms/i/s!Ai3uwVtbSehuuLBtFnqTYnyf5YmYEw
Image 2 (example with sub-menu): https://1drv.ms/i/s!Ai3uwVtbSehuuLBssTRSQI3t7m6EIg
Hope to hear from you soon!
Hi,
Maybe try something like this or modify the code further
– http://prntscr.com/gtvu7w
– https://www.screencast.com/t/r1ye0NR4
The sub-menus are not affected by this code, it only centers the header menu.
@media (max-width: 1018px) and (min-width: 768px) {
.td-header-style-7 .sf-menu {
margin-left: 5%;
}
.td-header-style-7 .td-container {
width: 740px;
}}
Thanks
