Docs

[diego]

Hey guys, I love the theme. this current site that I am working on will most likely be my 3rd license. I have searched the forums and I have found a few other solutions, but I had issues implementing them so far. Your x- classes are numerous in the header section, and I don’t understand the logic behind all of them yet.

I just want to add a phone number above the navbar in desktop views and then center the phone number below the logo mark when the mobile nav appears. I don’t want to (don’t like) using absolute positioning — but if that is the only way to get it done, then I can do it that way.

Things I have tried:

• adding the number to the topbar (I don’t like this because it pushes the whole nav row below further down, and I want the logo to be directly to the left of the number)
• absolute positioning the number to the top right (I don’t like this because it takes it out of the header containers, and is more difficult to make style changes to the whole header area if needed)

I would like a recommendation as to the best way to do this within X theme. Should I just modify the layout template in the child theme? How would be the best to do this?

http://landscapingsite.flywheelsites.com/
WP version 4.5.1
X-Theme version 4.4.2
X-Child Theme Version 1.0
Cornerstone Version 1.2.4
X Stack: Integrity

[Thai]

Hi There,

Could you please provide us with your authentication account so we can take a closer look?

http://i.imgur.com/zjMpvTc.png

Thank you.

[diego]

This reply has been marked as private.

[Nabeel A]

Hi again,

Thank you for providing the credentials, Please add the following code in your Customizer via Appearance > Customize > Custom > Edit Global CSS:

@media screen and (max-width: 979px){
.x-brand.img > img {
    top: -117px !important;
}
.x-topbar-inner p {
    position: relative !important;
    top: 95px !important;
    left: 36px !important;
}
}

@media screen and (max-width: 610px){
.x-topbar-inner p {
    position: relative;
    top: 58px;
    left: -8px;
}
}

Let us know how this goes!

[Author]

Posts