Docs

[moderncarolyn2]

I would like my mobile header to be on one line. What code do I need to add to make this happen. nileshouse.com

[Nico]

Hi There,

Thanks for writing in.

You can change the size of your font of the text in a specific screensize to achieve one line.

Add this code in your Customizer > Custom > CSS:

@media (max-width: 422px)
.x-brand {
    font-size:30px
}

Adjust the px to achieve the look you want.

Hope it helps.

Let us know how it goes.

Thanks.

[moderncarolyn2]

I can’t get this css code to put both words on one line. I adjusted the px down to 5 and it was still on two lines. I’m sure that it is not too long to have to be on 2 lines.

Thanks.

[moderncarolyn2]

I know how to change the header font size in the customize tab, but it changes it for both mobile and desktop. I only want to make it smaller on the mobile so it will fit on one line, while leaving it larger on the desktop version.

[Nabeel A]

Hi again,

Try replacing the previous code with this one:

@media screen and (max-width: 480px) {
.x-brand {
    font-size: 33px !important;
}
}

Let us know how this goes!

[moderncarolyn2]

Yes, I think that worked. One more thing tho. I want the mobile header white space to be shorter. You can see what I mean by looking at the mobile version of nileshouse.com I might have something in css that needs to be tweaked.

Here is what I currently have in css:

.format-standard .entry-title:before {
content: “” !important;
}
.x-brand {
max-width: 80%;
}
@media (max-width: 979px){
.x-navbar-fixed-top, .x-navbar-fixed-left, .x-navbar-fixed-right {
position: fixed;
}
.x-navbar-inner {
min-height: 75px;
}
}
@media screen and (max-width: 480px) {
.x-brand {
font-size: 33px !important;
}
}

[Jade]

Hi there,

Kindly try to find this block of code:

@media (max-width: 979px){
.x-navbar-fixed-top, .x-navbar-fixed-left, .x-navbar-fixed-right {
    position: fixed;
}
.x-navbar-inner {
    min-height: 75px;
}
}

then update the value of the minimum height of x-navbar-inner to a smaller value.

Hope this helps.

[moderncarolyn2]

Yes, that worked. Thanks!

Can you tell me how to get rid of the meta items in my sidebar? I thought this should be easy, but I can’t find where to do it!

[Rupok]

Hi there,

Thanks for updating. Let’s remove them from Appearance > Widgets.

Cheers!

[Author]

Posts