[Pro] CSS Menu action issue

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?


freewaytalk mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options

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:
https://freewaytalk.softpress.com/person/options

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:
https://freewaytalk.softpress.com/person/options

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:
https://freewaytalk.softpress.com/person/options

Hi Thomas,

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


freewaytalk mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options