Docs

[sportsnapper]

I’m trying to change the header height in the mobile version of the site. There’s lots of css on the forum, and I’ve been trying lots, but not getting a result.

I’m using this

@media (max-width: 979px) {
.x-brand img {
    width: 160px;
}
.x-navbar-inner {
    max-height: 60px!important;
}
.masthead-inline .x-btn-navbar {
    font-size: 30px;
    margin-top: 30px;
}
}

but it seems to being overidden

.x-navbar-inner {
    min-height: 98px;
}

which according to firebug is coming from my portfolio pages, as some inline css.

Site is http://138.68.146.57/portfolio/

[sportsnapper]

The rev slider bit is a red herring – I just misread the source code display

[sportsnapper]

This reply has been marked as private.

[Joao]

Hi There,

First thing I would recommend you is to go to your Slider Revolution and make it Full Width.

It will look nicer in my personal opinion if it stretchs to the edges, but that is a personal opinion.

Regarding the way your revolution slider looks on mobile you can set the mobile grid size on Slider Revolution Settings.

Here you can find some useful information:

https://www.themepunch.com/revslider-doc/slider-revolution-documentation/

To adjust your header on mobile please add the following code on Appereance > Customizer > Custom > CSS

@media (max-width: 480px) {
.x-brand {
    font-size: 20px;
    margin-top: 30px;
}
}

You can adjust the position of your mobile button menu on : Appereance > Customizer > Header

Hope that helps

Joao

[sportsnapper]

This reply has been marked as private.

[Joao]

Hi There,

CSS in X works like in every other website, it is not up to us to decide it.

That means, what is below will have priority.

If you notice it just works when above, it is likely you have some syntax mistake on your code, probably i missing } somewhere.

You can use this website to check your code :

http://csslint.net/

If you can find what is causing the issue, 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.

Thanks

Joao

[sportsnapper]

This reply has been marked as private.

[sportsnapper]

images attached

[Joao]

Hi There,

Customizer has priority over style.css cause it is printed after on the document.

But if the css selector in the style.css got a higher level of specificity, then it will override the customizer.

That 98 px comes from : Appereance > Customizer > Header

Also there you can adjust on the very bottom of the tab your Mobile Navigation Button Alignment,

Let us know if you have further questions,

Thanks

Joao

[Author]

Posts