Home New Guten › Forums › WoodMart support forum › Mobile menu issues
Mobile menu issues
- This topic has 13 replies, 2 voices, and was last updated 3 months, 3 weeks ago by
Hung Pham.
-
AuthorPosts
-
April 24, 2025 at 9:26 am #656249
jamieandrade88ParticipantHi! the mobile menu font is not showing up white, Im assuming its black font because when I click it works but I can’t change the color.
Attachments:
You must be logged in to view attached files.April 24, 2025 at 4:11 pm #656407
Hung PhamKeymasterHi jamieandrade88,
Thanks for reaching to us.
Navigate to Theme Settings > Custom CSS and remove this code https://ibb.co/1GtN34k3
Best Regards,
April 25, 2025 at 1:53 am #656475
jamieandrade88ParticipantHi! I dont see it. I checked global setting and mobile.
Global custom CSS:
.wd-tools-element>a {
color: #000000 !important;
}span.nav-link-text {
color: #000000;
}a.scrollToTop.button-show {
display: none;
}div.wd-toolbar {
background-color: #000000 !important;
}/*sticky background*/
body .whb-sticked .whb-general-header {
background-color: white;
}
/*sticky main menu color*/
body .whb-sticked .woodmart-navigation .item-level-0.current-menu-item>a{
color:yellow;
}
body .whb-sticked .woodmart-navigation .item-level-0>a{
color:yellow;
}
body .whb-sticked .woodmart-navigation .item-level-0>a{
color:orange;
}
body .whb-sticked .woodmart-navigation .item-level-0>a:hover{
color:yellow;
}
body .whb-sticked .woodmart-navigation .item-level-0.menu-item-has-children>a:after{
color:orange;
}
body .whb-sticked .woodmart-navigation .item-level-0.menu-item-has-children:hover >a:after{
color:yellow;
}
body .whb-sticked .woodmart-navigation .item-level-0>a .nav-link-text:after {
background-color: yellow;
}/*My Account*/
body .whb-sticked .woodmart-header-links .item-level-0>a {
color: orange;
}
body .whb-sticked .woodmart-header-links .item-level-0>a:hover {
color: yellow;
}
/*Search*/
body .whb-sticked .search-button >a {
color: orange;
}body .whb-sticked .search-button:hover>a {
color: yellow;
}
/*wishlist*/
body .whb-sticked .woodmart-wishlist-info-widget .wishlist-icon {
color:orange;
}
body .whb-sticked .woodmart-wishlist-info-widget .wishlist-count{
color: red;
background-color: yellow;
}
/*cart*/
body .whb-sticked .woodmart-shopping-cart .woodmart-cart-icon {
color:orange;
}
body .whb-sticked .woodmart-cart-design-5 .woodmart-cart-number{
color: red;
background-color: yellow;
}
body .whb-sticked .woodmart-shopping-cart .woodmart-cart-subtotal .amount {
color: red;
}
/*compare*/
body .whb-sticked .woodmart-compare-info-widget .compare-icon {
color:orange;
}
body .whb-sticked .woodmart-compare-info-widget .compare-count{
color:yellow;
background-color:orange
}
body .whb-sticked .woodmart-cart-design-2 .woodmart-cart-number{
color: yellow;Custom CSS for desktop:
.wd-logo img[width]:not([src$=”.svg”]) {
height: 80px !important;
margin-top: -10px;
}.wd-logo {
max-height: 80px !important;
transition: none;
}.whb-row.whb-general-header.whb-not-sticky-row.whb-without-bg.whb-without-border.whb-color-dark.whb-flex-flex-middle {
margin-bottom: -20px;
}.whb-sticked .whb-row {
transition: background-color .3s ease;
background: #fff;
}Custom CSS for mobile:
span.wd-toolbar-label {
font-size: 11px !important;
color: #fff !important;
}April 25, 2025 at 10:00 am #656517
Hung PhamKeymasterHi jamieandrade88,
To assist you in the best possible manner, I kindly ask that you please provide me temporary wp-admin info (wp-admin URL, username, password) to the Private Content area, this will allow me to thoroughly investigate and address your concerns more efficiently.
Regards,
April 25, 2025 at 10:56 am #656538
jamieandrade88ParticipantThat great. Thanks!
-
This reply was modified 3 months, 4 weeks ago by
Hung Pham.
April 25, 2025 at 7:20 pm #656714
Hung PhamKeymasterApril 25, 2025 at 8:43 pm #656725
jamieandrade88ParticipantOkay, I removed it. It was working before I removed was that you who fixed it? but now my desktop header is showing white. Do I need all the custom codes? Is that something Woodmart added or was that work for old developers? Can I just remove Them all?
April 28, 2025 at 7:08 am #656922
Hung PhamKeymasterHi jamieandrade88,
Thanks for your patience.
Please see recorded video for better understanding https://go.screenpal.com/watch/cTfufinQf75
Please refer to our documentation https://xtemos.com/docs-topic/advanced-typography-settings/
Kind Regards,
April 30, 2025 at 5:13 am #657396
jamieandrade88Participantgreat, thank you! Do you know if I can delete the codes? do I need all of them.
April 30, 2025 at 10:54 am #657466
Hung PhamKeymasterHi jamieandrade88,
You can delete it because Typography in Theme Settings have predefined classes for desktop and mobile items.
If you have a quick minute we always appreciate a 5-star rating on our theme!
https://themeforest.net/item/woodmart-woocommerce-wordpress-theme/reviews/20264492
Your feedback is the motivation to improve our work and services.
Kind Regards,
May 1, 2025 at 2:44 am #657646
jamieandrade88ParticipantI deleted all the custom codes and a lot of the icons got deleted
balloonandpaper.com
May 1, 2025 at 2:48 am #657647
jamieandrade88Participantall the icons like shopping cart are gone and the mobile bottom nav bar is white instead of black.
Attachments:
You must be logged in to view attached files.May 1, 2025 at 2:59 am #657649
jamieandrade88ParticipantI just restored a backup I had but I wanted to know what from the code can I remove?
May 1, 2025 at 7:11 am #657669
Hung PhamKeymasterHi jamieandrade88,
Sorry for not describing more details, I mean you should delete codes I answered here https://xtemos.com/forums/topic/mobile-menu-issues-3/#post-656714
Regards,
-
This reply was modified 3 months, 4 weeks ago by
-
AuthorPosts
- You must be logged in to create new topics. Login / Register