centering menu header vertically

  • seks

    (@seks)


    6 years, 1 month ago

    I’ve included a screenshot of my WP home page.

    The white box on the left is my logo. How do I center those menu on the right vertically in relation to the logo on the left? So what I want is move those menu down until it’s in the middle in relation to the logo.

    I didn’t develop my website so someone point me where to look in wp-admin.

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    6 years, 1 month ago

    This has to be done with CSS. To do that, we need a live page to look at / play with.

    Please provide a link to a page on your site where we can see this. Thanks. Note: Your link will be public and we will not later remove it.

    Thread Starter seks

    (@seks)

    6 years, 1 month ago

    Here’s the CSS that I dug up:

    .xs-header .xs-logo img {
max-height: 130px;
}
.nav-menu>li>a>i {
    position: absolute;
    top: 12px;
    left: 35%;
}
.xs-menus .nav-menu>li>a {
    text-align: center;
    width: 60px;
}
.xs-menus .nav-menu>li.contact-ic a {
    width: 78px;
}
.xs-menus .nav-menu>li {
    margin-right: 20px;
}
.discord a {
    position: relative;
}
.discord a:after{    
	position: absolute;
    content: '';
    left: 6px;
    top: -5px;
    width: 36px;
    height: 36px;
    background: url(http://www.webspace.com/dis-1.png) no-repeat;
    background-size: 100%;
}
ul.xs-menu-tools i.icon.icon-cart2 {
    font-size: 30px;
}
ul.xs-menu-tools {
    padding-top: 12px !important;
}
.xs-menus .nav-menu>li.twt>a i {
    font-size: 1.6rem;
    top: 6px;
}
.xs-menus .nav-menu>li.twt>a,
.xs-menus .nav-menu>li.discord>a{font-size:0 !important}
.xs-footer-section.footer-v2 {
    padding: 12px 0;
    text-align: center;
}
.footer-bottom .col-md-6 {
    flex: 0 0 100%;
    max-width: 100%;
}

.elementskit-faq-header,
.elementskit-faq-body{position:relative;}

.elementskit-faq-header:after {
    position: absolute;
    content: 'Q';
    left: 12px;
    top: -10px;
    font-size: 46px;
    color: #122daa;
}

.elementskit-faq-header h2, .elementskit-faq-body {
    padding-left: 15px !important;
}
.elementskit-faq-body {
    padding-left: 56px !important;
}

.elementskit-faq-body:after {
    position: absolute;
    content: 'A';
    left: 12px;
    top: 3px;
    font-size: 46px;
    color: #ccc;
}
.xs-service-block {
	padding: 30px;}
.xs-service-block .service-img {
    margin-bottom: 20px !important;
}
.elementor-widget-xs-icon-box .xs-service-block p {
    margin-bottom: 0;
}
.xs-menus .nav-menu>li.twt{
    margin-left: 22px;
    margin-right: 0;
    width: auto;
}
.wpcf7 label, .wpcf7 input, .wpcf7 textarea {
    width: 100% !important;
}
div#comments {
    display: none;
}
.page-id-38 .main-content.blog-wrap.xs-section-padding {
    padding: 0;
}

section.xs-banner.service-banner.contet-to-center {
    display: none;
}
.header-transparent {
    background: linear-gradient(-45deg, #1045db 0%, #15095e 60%, #15095e 99%);

}
.page-id-361 .header-transparent {
    background:none;

} 
.entry-content.hostinza-main-content.xs-page-single {
    padding-top: 70px;
}
Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘centering menu header vertically’ is closed to new replies.