It did work. the only thing I want know is to make the submenu color to be white, not the hover submenu. so when i click on the menu, it shows the submenu, then I want the font color white. Again, not the hover. just first state when you click on the menu then it shows submenu.
Please remove the custom css code in previous replied and use new custom style below:
.navbar-nav > li > .sub-menu {
width: 330px;
left: 13% !important;
background: none;
}
.navbar-nav > li > .sub-menu li {
margin: 0;
float: left;
padding: 0;
text-align: left;
border-bottom: 1px solid #252525; // you can change your color here
}
.navbar-nav > li > .sub-menu li:last-child {
border-bottom: 0;
}
#header .sub-menu a {
color: #ffffff !important; // you can change your color here
background-color: #1a1a1a; // you can change your color here
padding: 10px;
line-height: 1.5;
float: left;
width: 330px;
white-space: nowrap;
}
#header .sub-menu a:hover {
color: #ffffff !important; // you can change your color here
background-color: #91be21; // you can change your color here
}
Since it's easy to do, so we can provide support for you. We don't provide support for something not available in our theme, please clearly it.
It kind of work, but we almost there. I found this issue. When you are all the way to the top of the page, it looks fine: http://prntscr.com/bu8c23
BUt as soon as I scroll down the page, then the menu gets in position, and it no longer works, sub menu is always black.. It looks like this: http://interiordesignbranding.com/
I also, just noticed another big issue. I just tested on my mobile phone and the menu for sub menus are not showing. PLEASE enable them.
*******************
It kind of work, but we almost there. I found this issue. When you are all the way to the top of the page, it looks fine: http://prntscr.com/bu8c23
BUt as soon as I scroll down the page, then the menu gets in position, and it no longer works, sub menu is always black.. It looks like this: http://interiordesignbranding.com/
I see you had updated the menu and both sites not similar, so what the main site you want check? Also, I see this: http://luxwebdev.com/ and it's work good.
Yes, i made it work, but I just noticed something. I had to move the gallery menu item to left right next to ABOUT US because the submenu will cut off. see how it looks. http://prntscr.com/buh1yn
If the submenu item is bigger than its fixed 340px then make it 2 lines or something.
1. The reason for the menu by your item there are many strings, so it's very hard to make it work correctly, please cut some text to make it work good such as your wish.
2. For the menu in responsive mode, it not a bug, it's similar with our preview because we don't provide sub menu in responsive menu, so we don't provide support for it .
You know what. This is not first time when you say certain things are not supported. This is a primary priority concern. How would you say that the responsive menu is not supported. This is not right. You need to provide a solution. Simple as that. Make the menu submenu work. I am getting tired with responses like that. We as users support you by buying your theme that is not fully developed and this are things that should be implemented from the first place. It;s like saying. OK, you bought a car from me, but you can't put in any gas in it because there is no fuel tank. How silly can I be? I need a solution soon.
No, we don't provide support for something not relate or not available in our preview, it's the last decision from our team. This mean if you want the submenu like somewhere and it not relate in our theme from start, we don't provide support for it.
I would fire the one who said that. why wouldn't you provide a responsive menu? This is a no no, Google will penalize your website for not having a fully responsive site. look http://www.inboundmarketingagents.com/inbound-marketing-agents-blog/bid/361535/Google-to-Start-Penalizing-Non-Mobile-Sites and you can even check it through google. If you team don't care about that. That's bad. I will start bloging about this theme about the BIG IMPACT that you guys are not doing anything about it.
I have also mentioned to you that I was force to move my move the submenu next to about us because it was running our space. it was supposed to be after services. http://prntscr.com/bv5jmf what i wanted to do is something like this website http://prntscr.com/bv5l4x it acted smart, if the second set of submenu is running out of space, then it shifted the menu to the left and in my case, it is not doing it, it is cutting off. This happens on my desktop, which it has nothing to do with the freaking mobile view.
We have the solution for it, but it will need add the class manually, maybe you can provide the wplogin in: http://interiordesignbranding.com/ so I can try do it correctly before provide the steps so you can do it in: luxwebdev.
I created multiple pages and now it has a menu, but the menu looks weird. I'd would liek thisL
I would like to strech the sub menu so all the letters fit. This is how it looks
http://prntscr.com/bs6h2f
and lastly, I'd liek to change the background color to a solid white backghround with blue color letters and when hovering change it to pink.
Please let me know.
Thanks
ED
Hi Ed,
I can help you make it correct, but it will impact to other drop down menu if you have. Please try add custom css below in your website.
.navbar-nav > li > .sub-menu {width: 330% !important; left: -100% !important;}
Best Regards,
Jelly Team
That worked, but you skipped the rest of the question. what about this
and lastly, I'd liek to change the background color to a solid white backghround with blue color letters and when hovering change it to pink.
Please let me know.
Hi Ed,
Please try again with full custom css for it.
.navbar-nav > li > .sub-menu {width: 330% !important;
left: -100% !important;
background: #fff;
} #header .sub-menu a:hover {
color: pink;
}
Best Regards,
Jelly Team
It did work. the only thing I want know is to make the submenu color to be white, not the hover submenu. so when i click on the menu, it shows the submenu, then I want the font color white. Again, not the hover. just first state when you click on the menu then it shows submenu.
http://prntscr.com/bsnvgx
Hi Ed,
Please try again with:
#header .sub-menu a { color: #fff; }Best Regards,
Jelly Team
Thank you. That worked!
Ed
Hi Ed,
Glad it’s working for you now. Do you still need my help?
Best Regards,
Jelly Team
Actually I do. I just created another page and it doesn't look good. The menu looks confusing. Look:
http://prntscr.com/bsw8wu
I want something Like this where you can see how the menu items have a divider line and it looks beautiful. See this:
http://prntscr.com/bsw9kw
Let me know
Thank you
Hi Ed,
Please remove the custom css code in previous replied and use new custom style below:
.navbar-nav > li > .sub-menu { width: 330px; left: 13% !important; background: none; } .navbar-nav > li > .sub-menu li { margin: 0; float: left; padding: 0; text-align: left; border-bottom: 1px solid #252525; // you can change your color here } .navbar-nav > li > .sub-menu li:last-child { border-bottom: 0; } #header .sub-menu a { color: #ffffff !important; // you can change your color here background-color: #1a1a1a; // you can change your color here padding: 10px; line-height: 1.5; float: left; width: 330px; white-space: nowrap; } #header .sub-menu a:hover { color: #ffffff !important; // you can change your color here background-color: #91be21; // you can change your color here }Since it's easy to do, so we can provide support for you. We don't provide support for something not available in our theme, please clearly it.
Best Regards,
Jelly Team
Yes. thank you. I think this is looking better. Can we move the submenu close to the white area?
http://prntscr.com/bsxde7
Thanks
Hi Ed,
In the css code below:
.navbar-nav > li > .sub-menu { width: 330px; left: 13% !important; background: none; }Please add the padding like below:
.navbar-nav > li > .sub-menu {width: 330px;
left: 13% !important;
background: none;
padding: 0;
}
Best Regards,
Jelly Team
That worked! Thank you so much.
Hi,
Please add this custom style in your style file.
#header.overflow .menu-item .sub-menu a { background-color: #1a1a1a !important; }Best Regards,
Jelly Team
It kind of work, but we almost there. I found this issue. When you are all the way to the top of the page, it looks fine: http://prntscr.com/bu8c23
BUt as soon as I scroll down the page, then the menu gets in position, and it no longer works, sub menu is always black.. It looks like this: http://interiordesignbranding.com/
Image Below:
http://prntscr.com/bu8col
I also, just noticed another big issue. I just tested on my mobile phone and the menu for sub menus are not showing. PLEASE enable them.
*******************
It kind of work, but we almost there. I found this issue. When you are all the way to the top of the page, it looks fine: http://prntscr.com/bu8c23
BUt as soon as I scroll down the page, then the menu gets in position, and it no longer works, sub menu is always black.. It looks like this: http://interiordesignbranding.com/
Image Below:
http://prntscr.com/bu8col
Hi,
I see you had updated the menu and both sites not similar, so what the main site you want check? Also, I see this: http://luxwebdev.com/ and it's work good.
Best Regards,
Jelly Team
Yes, i made it work, but I just noticed something. I had to move the gallery menu item to left right next to ABOUT US because the submenu will cut off. see how it looks. http://prntscr.com/buh1yn
If the submenu item is bigger than its fixed 340px then make it 2 lines or something.
Since I am testing right now, please check this site instead http://interiordesignbranding.com/
You have also missed a request here:
I also, just noticed another big issue. I just tested on my mobile phone and the menu for sub menus are not showing. PLEASE enable them.
Please test it on your phone.
Thank you.
Hi,
1. The reason for the menu by your item there are many strings, so it's very hard to make it work correctly, please cut some text to make it work good such as your wish.
2. For the menu in responsive mode, it not a bug, it's similar with our preview because we don't provide sub menu in responsive menu, so we don't provide support for it .
Best Regards,
Jelly Team
No, make the menu items 2 lines so they wrapped.
You know what. This is not first time when you say certain things are not supported. This is a primary priority concern. How would you say that the responsive menu is not supported. This is not right. You need to provide a solution. Simple as that. Make the menu submenu work. I am getting tired with responses like that. We as users support you by buying your theme that is not fully developed and this are things that should be implemented from the first place. It;s like saying. OK, you bought a car from me, but you can't put in any gas in it because there is no fuel tank. How silly can I be? I need a solution soon.
Thanks
Hi,
No, we don't provide support for something not relate or not available in our preview, it's the last decision from our team. This mean if you want the submenu like somewhere and it not relate in our theme from start, we don't provide support for it.
Best Regards,
Jelly Team
I would fire the one who said that. why wouldn't you provide a responsive menu? This is a no no, Google will penalize your website for not having a fully responsive site. look http://www.inboundmarketingagents.com/inbound-marketing-agents-blog/bid/361535/Google-to-Start-Penalizing-Non-Mobile-Sites and you can even check it through google. If you team don't care about that. That's bad. I will start bloging about this theme about the BIG IMPACT that you guys are not doing anything about it.
I have also mentioned to you that I was force to move my move the submenu next to about us because it was running our space. it was supposed to be after services. http://prntscr.com/bv5jmf what i wanted to do is something like this website http://prntscr.com/bv5l4x it acted smart, if the second set of submenu is running out of space, then it shifted the menu to the left and in my case, it is not doing it, it is cutting off. This happens on my desktop, which it has nothing to do with the freaking mobile view.
Hi,
We can help you the way menu work such as you want on desktop mode, please provide the page correct like you want. I will take a look on it.
Best Regards,
Jelly Team
I have move the gallery menu item right before the contact us menu so you can see how the menu is cutting off. http://luxwebdev.com/
Let me know.
Thanks
E
Hi,
We have the solution for it, but it will need add the class manually, maybe you can provide the wplogin in: http://interiordesignbranding.com/ so I can try do it correctly before provide the steps so you can do it in: luxwebdev.
Best Regards,
Jelly Team
ok. I am sending it as private
Hi,
The new css is:
.navbar-nav > li.right > .sub-menu {
right: 0;
left: auto;
}
For the steps, please check my screenshot.
Best Regards,
Jelly Team
ok that worked. Did you just add the class in the menu? Or do you still have to add manually the code?
Hi,
I had added the custom style below then add the class in the menu, it's the simple solution for menu, but it will need do it manually.
Best Regards,
Jelly Team
Oh I see.. Thanks
Hi,
No problem, you're welcome. Do you still need my help?
Best Regards,
Jelly Team