[Pro] CSS Menu action issue

Freeway
1

Hi there,

Another brand new responsive website is about to be delivered to a friend. One small issue remaining I can not get fixed is with the CSS Menu action.

In the Main Menu settings on the current page, I have added a small, white arrow showing the current page.

But on smaller widths (the overlay menu screen), this arrow is very ugly! How can I get rid of the arrow in the mobile overlay screen?

http://www.haptonomia.nl

freewaytalk mailing list
email@hidden
Update your subscriptions at:

2

Hi Bart,

apparently it can’t be treated for different breakpoints - so wether it is switched on or off throughout the entire range within the menu-action.

So all you can do is adding an own breakpoint specific style in the before end head section such as:

<style>
@media screen and (max-width:900px)
{
.fwCurrent {
background: none;
}
}
</style>

Which hopefully overrides the basic stat and removes the triangle.

Cheers

Thomas

freewaytalk mailing list
email@hidden
Update your subscriptions at:

3

Hi Thomas,

Thanks for your your reply. Just tried and unfortunately this does not fix this :frowning:

freewaytalk mailing list
email@hidden
Update your subscriptions at:

4

Try this and leave it for a while so we can investigate further:

<style>
@media screen and (max-width:900px)
{
a.fwCurrent {
background: none !important;
}
}
</style>

Cheers

Thomas

freewaytalk mailing list
email@hidden
Update your subscriptions at:

5

Hi Thomas,

That last one did the trick. Much better now, thanks!

freewaytalk mailing list
email@hidden
Update your subscriptions at: