Docs

[mattdmedia]

Hi,

I’ve been struggling to get this style of menu – Logo left, Menu Centered, Icons (cart) Right.

I’ve tried a few different things from the forums but there were troubles with the responsiveness – I had to add a lot Margin adjustments which didn’t seem to be the best practice.

I’ve cleared the CSS and here’s what I currently have. Attached is an example.

Site posted below in a private post.

Any tips would be great!

/*——Logo Placement --- */

.x-brand.img {
     margin-left:-85px;
}

/*--Icon Padding --- */

.x-navbar .desktop .x-nav > li:nth-child(5) > a:not(.x-btn-navbar-woocommerce) {
    padding-left: 0px !important;
    padding-right: 0px;
}

.x-navbar .desktop .x-nav > li:nth-child(6) > a:not(.x-btn-navbar-woocommerce) {
    padding-left: 0px !important;
    padding-right: 0px;
}

.x-navbar .desktop .x-nav > li:nth-child(7) > a:not(.x-btn-navbar-woocommerce) {
    padding-left: 0px !important;
    padding-right: 0px;
}

/*---Icons --- */

.searchBtn {
  width:70px;
  height:73px;
  margin-top:-28px;
  border-left:2px solid #e8e8e8 !important;
}
.shopBtn {
  width:70px;
  height:73px;
  margin-top:-28px;
  border-left:2px solid #e8e8e8 !important;
}
.profileBtn {
  width:70px;
  height:73px;
  margin-top:-28px;
  border-left:2px solid #e8e8e8 !important;
}

Thanks!

[mattdmedia]

This reply has been marked as private.

[Rue Nel]

Hello There,

Thanks for writing in! The menu items and the icons are in the same container. What you may in mind may be difficult to accomplish in the current setup. Regretfully we cannot support any modifications to the header other than minor cosmetic changes due to the fact that X is a highly dynamic theme with many elements being constructed on the fly based on options in the Customizer. Among these, the header is one of the more complex elements of the theme and structural modifications to it will likely lead to numerous layout problems as there are a lot of things to take into consideration because of X’s responsive nature. Taking all of this into consideration, these types of updates are out of the scope of our support as their involvement is simply too great and we are a very small team. While we would love to be able to assist all of our users with every customization request, the simple reality is that we cannot cater to every inquiry. Additionally, we will not be able to support any issues that might arise from modifications made to this area on your own.

Thank you for your understanding.

[Author]

Posts