Hi, I'm trying to tweak the drop-down menu so it shows in desktop format on ipad screens (703/768px). It currently switches to mobile display at 940px and I can change this in ectcart.css, but as there are quite a few CSS settings I wondered if there was an easy way to override these in my stylesheet to make this change updater-proof? Also, I noticed that the hover dropdown effect stops working below 950px ..Is there any way to adjust this?

Thanks,
Richard.

Hi Richard

quote:

---

but as there are quite a few CSS settings I wondered if there was an easy way to override these in my stylesheet to make this change updater-proof?

---

The way to make changes like this is not to edit the ectcart.css file which will be overwritten by updaters. But instead, add any changes to your site style sheet and make sure your site style sheet is referenced after the ectcart.css file.

quote:

---

Also, I noticed that the hover dropdown effect stops working below 950px ..Is there any way to adjust this?

---

This would be controlled by settings such as this...

@media (max-width: 940px) {
.ectmegamenu > ul {
display: none !important;
}
}

You would probably need to add something to your style sheet to override that and then to set it for the new width. For instance...

@media (max-width: 940px) {
.ectmegamenu > ul {
display: block !important;
}
}
@media (max-width: 768px) {
.ectmegamenu > ul {
display: none !important;
}
}

Vince

Click Here for Shopping Cart Software
Click Here to sign up for our newsletter
Click Here for the latest updater

Hi Vince, Thanks for your reply. This solves part of the problem, but the dropdown effect when you hover over the menu stops working when the screen is slightly wider than the current 940px break point and this doesn't change when I alter the css. Can you let me know what is controlling this hover / dropdown effect?

Richard.

Hi Richard
Maybe the easiest way to see what settings affect this is to open the file ectcart.css in notepad and search for "940px" and this should take you to the breakpoint settings.
If you search for, "ectmegamenu" below that you should see the settings that are made for the mega menu at the 940px breakpoint and I would imagine you would want to redefine those for your 768px breakpoint.

Vince

Click Here for Shopping Cart Software
Click Here to sign up for our newsletter
Click Here for the latest updater