- This topic has 8 replies, 2 voices, and was last updated 3 years, 5 months ago by .
mobile device view
You must be logged in to reply to this topic.
Hi, how can i edit how webpage is responsible for mobile devices ?
We have problem with sticky header /menu when scrolling down on mobile phone. => we dont want head/menu to be there when scrolling down.
and also pictures and some text are ugly scaled on phones.
Hello,
You can use media queries to target specific devices.
See here https://getbootstrap.com/docs/4.1/layout/overview/#responsive-breakpoints
You can enter the CSS code in the Custom CSS field of the Custom Code section of the Elemental Options Panel.
thank you, , also problem si with the blue bar menu when you scroll down , is too bigger , Can this solve this blue bar menu problem aswell ?
@pospik2705 you can change the color of the navbar to transparent in your settings.
This will not display a color but be transparent on mobile devices.
if I set #ffffff at collor soeeting the nav bar is still white
Hello,
In your Admin Dashboard navigate to Appearance > Customize > Color Settings.
There is an option for the Mobile Menu Background color.
There is an option for transparent in the color picker.
Hello,
Ok, well in that case you can use the following bit of CSS code.
@media (max-width: 979px) {
.navbar-dark.bg-transparent {
background-color: transparent !important;
}
}
Copy and paste this code into Appearance > Additional CSS field.
You must be logged in to reply to this topic.