mobile overlay menu font style and size

Site URL: https://www.betweentwonaps.com/

hi there,

i see the option to set the theme for desktop nav text styles in the Design section, but does anyone know how to change the font style/size ONLY for the overlay menu in mobile?

i'm not keen on the style it has there now (ref image below) and wish i could assign either a different theme e.g. H3 instead of whatever it is.

* i only want the text style in this menu to be updated, not anywhere else or any other styles anywhere else to be affected.

any help appreciated!

thanks!

Add to Home > Design > Custom CSS

div.header-menu-nav-item a {
    color: red !important;
    font-size: 50px;
}

Also, I see product images show 1/9. I think you can add slide arrows. It will be better. Add this to Design > Custom CSS do add this.

/* Product slide arrows control */
@media screen and (max-width:767px) {
.ProductItem-gallery-carousel-controls {
    display: flex !important;
}
/* arrows background */
.ProductItem-gallery-carousel-controls * {
    background: white;
}
.ProductItem-gallery-carousel-controls>div {
    justify-content: center !important;
}
}

hi @tuanphan

thank you for the tip! 

this really helped. i adapted it to include font style and sizing. here it is if it helps anyone else:

/

div.header-menu-nav-item a {
    color: 333333 !important;
    font-size: 30px;
  font-family: 'ivymode' !important;
}

/

@tuanphan don't suppose you could help me with an image slideshow image could i? 

On 12/23/2020 at 8:39 PM, btn2020 said:

hi @tuanphan

 

thank you for the tip! 

this really helped. i adapted it to include font style and sizing. here it is if it helps anyone else:

/

div.header-menu-nav-item a {
    color: 333333 !important;
    font-size: 30px;
  font-family: 'ivymode' !important;
}

 

/

 

@tuanphan don't suppose you could help me with an image slideshow image could i? 

 

Hi. Sorry for the delay. I was off some days for the new year

Do you still need help?

Happy new year! Yes please... any ideas?

id i wanted that highlighted image to rotate between a few different images almost like a gif... and i want placement to be like in my image above.

Any help appreciated 🙏  thank you!