Hello,
Could anyone help me to make this script acceptable by WixCode, I cann't quite understand what I should change.
@media screen and (max-width: 600px) {
.topnav a:not(:first-child) {display: none;}
.topnav a.icon {
float: right;
display: block;
}
}
@media screen and (max-width: 600px) {
.topnav.responsive {position: relative;}
.topnav.responsive a.icon {
position: absolute;
right: 0;
top: 0;
}
.topnav.responsive a {
float: none;
display: block;
text-align: left;
}
}
function myFunction() {
var x = document.getElementById("mytopnav");
if (x.className === "topnav") {
x.className += " responsive";
} else {
x.className = "topnav";
}
}
You don't need media queries to change font size and other things in WIX, you just have to set the min and max font size in the Editor X, you can even have multiple breakpoints that change according to screen size.
any answer to this? I am also having the same problem, I am using Wix Editor and I need to use the @media code because I have to adjust the font-size of the text I am using. I am going to adjust the font-size depending on screen-size of the device. Example. @media and (max-width:2100px) and (min-width:1501px) {
.fontre { Font-size:6.8em !important; } } @media and (min-width:1200px) and (max-width:1500px) {
.fontre { Font-size:3.8em !important; }
} So basically, its not using PX for the font. I am using em, but the problem is it will not change according to the width of the screen. is there a way to have it working or should I move to Wordpress instead? @Adas Bradauskas
Hey Adas
Customize the menu in the mobile editor I know how to do. I need to create a megamenu, I can not use the menu of the site, I need to create a new menu iserido within a range. However texts and some images are not responsive within the Wix site, I need to leave this range with the buttons resposible so there are no problems on smaller notebook screens nor on netbook screens. Here's an image of what happens to the menu on smaller screens. I hope you can help me solve this.
At a perfect 15 '' screen resolution
Ps: And I would like to leave here my displeasure for the care of the Wix Brasil team, they don't answer our doubts correctly. Don't read what we write just copy and paste preformatted texts that sometimes are not related to our doubt!
Hey Raphaela,
One of the key benefits of WixCode is that you can build advanced sites without writing too much code and CSS as a lot of design could simply by address in Editor, our drag-and-drop website builder part.
All you need to do is to go to Mobile view and make the necessary changes to menu that you want to see only in mobile version of your site. You can probably start here: https://support.wix.com/en/article/customizing-the-design-of-your-mobile-menu-616427.