Docs

[montanag]

I am using X theme with integrity stack. Using a stacked logobar and navbar. I found in your forum how to move the logo to theft and add some text to the right. Now the logo is pegged all the way to the left of the screen. I just need to somehow add some padding so the logo is not quite so far to the left.

Thanks

[Rad]

Hi there,

Thanks for posting in.

You can add this CSS,

.x-brand {
margin-left: 30px;
}

If it’s not working then please provide the URL that has this issue 🙂

Thanks!

[montanag]

That worked great but I still need a bit of help getting this header to line up and display properly.

the url is: http://mnmpropertymgmt.com

Mobile device issue:
Trying to get the phone number to stay in bold and line up in the center of the page under the logo on a mobile device

Thanks

[Prasant Rai]

Hello There,

Thanks for writing in!

You can add this under Custom > CSS in the Customizer:

@media only screen and (max-width: 800px) {
   .lb-text {
    display: inline-block !important;
    width: 50%;
}
}

Thanks.

[montanag]

I added the code but it didn’t seem to change anything?

[Nabeel A]

Hi again,

Replace the previous code with this one:

@media only screen and (max-width: 800px) {
   .lb-text {
    display: inline-block !important;
    width: 50% !important;
}
}

Don’t forget to clear your browser’s cache after adding the code. Let us know how this goes!

[montanag]

Implemented the new code and still nothing has changed.

[John Ezra]

Hi there,

Thanks for updating the thread! Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password
– FTP credentials

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

[montanag]

This reply has been marked as private.

[Friech]

Hi There,

Please add this on your custom CSS

@media (max-width:  979px) {
	.x-brand {margin-left: 0;}
	.lb-text {color: #fff;}
}

After that remove the white-spaces that is in the contact number. http://prntscr.com/byeme6

Thanks for the feed back but 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.

Thank you for your understanding.

[montanag]

Thanks much for your help. Once I removed the white spaces from the number it pegged the number to far to the right but I learned from your help and implemented the following into the global css:

@media (min-width: 1000px) {
.lb-text {margin-right: 150px}
}

Everything is now laying out properly.

Thanks again for everything.
It is your awesome support that makes the x-theme our go to WordPress building foundation.

[Joao]

Thanks for the kind words.

We really appreciate it, have a great day!

Joao

[Author]

Posts