nsdlfefinedieicbe nsdlfefinedieicbe - 5 months ago 22
HTML Question

Display Menu & logo in center of the page

I have a logo & menu, displaying in the center of the page in the entire site as here.

enter image description here

but in only one page, it's displaying a bit to the left. I want to display that menu at the center center of the page as shown here.

enter image description here

CSS:



.ms-topmenu .ms-label {
font-size: 15px;
text-transform: none;
color: #000000;
padding: 14.75px 15px;
}

.ms-megamenu .anchor_mbmenu {
background: rgb(7, 70, 102);
padding: 8px 0;
display: none;
}

.ms-megamenu .text-right {
text-align: right;
}

Answer

Go in your styles.css and change

@media only screen and (min-width: 1224px)
.cms-customized-mobile-cases #header {
    margin: 0 auto;
    width: 1200px;
}

to

@media only screen and (min-width: 1224px)
.cms-customized-mobile-cases #header {
    margin: 0 auto;
    width: 1000px;
}

and you are done.

Comments