Fixed top menu and larger logo on mobile

[Harpa83]

Hi!

I´m trying to get a fixed top menu on mobile. I tried this CSS that i found in the forum but it didn´t work for my site (stack Integrity):

@media(max-width: 979px){
.x-navbar.x-navbar-fixed-top {
position: fixed;
}
}

I´m also trying to make the logo in the navbar larger for mobile. Is that possible?

www.eldhusatlasinn.is
PW: Loa

WordPress Environment
Version - 5.4.1
Name - X
Version - 7.2.3
Folder - //home/eldhusat/public_html/wp-content/themes/x/
Cornerstone Status - Enabled
Cornerstone Version - 4.2.3

[lely]

Hi @Harpa83,

@Harpa83

@media(max-width: 979px){
.x-navbar.x-navbar-fixed-top {
position: fixed;
}
}

Where did you add that CSS? I didn’t see when I check the source code of your site. Possible reason that a custom CSS might not work:

1. Cache. You have caching plugin. This might be the reason I didn’t see the css on your site source code. I am seeing a cache content. Please make sure the clear cache and try again.

2 . CSS Syntax Error Make sure that all your custom CSS are properly closes. Missing or excess { } will reason to syntax error and once CSS encountered this, it will stop from working as intended.

@Harpa83

I´m also trying to make the logo in the navbar larger for mobile. Is that possible?

We do have settings for LOGO on THEME OPTIONS though it works for logo on all screen size. Since what you want is specifically for mobile, this is possible with custom CSS that can be added on Theme Options > Global CSS. First you need to check the correct logo selector. Then use witdh to adjust it for specific media query which is 480px. Check the following guide:

• Intro to CSS - https://goo.gl/mFuWQT
• How to get CSS selectors - https://goo.gl/BmoH39
• Get Started With Viewing And Changing CSS - https://goo.gl/7xFhDa
• Media Query - https://www.w3schools.com/css/css_rwd_mediaqueries.asp
• Width Property - https://www.w3schools.com/cssref/pr_dim_width.asp

Hope this helps.

[Harpa83]

It worked. Thank you!

[christian]

You’re welcome. Glad we’re able to help.