Sunrain Extend : Main Menu on mobile device

[Katleen Vanderbeken]

Hello
in Sunrain Extend I used the Main Menu location to add my menu and it works fine on desktop. However on mobile device (phone) it shows on top ‘MAIN MENU’.. however I put as name ‘MENU’. How can I change this name for mobile or get rid of the word ‘Main’. Thanks
Katleen

[D5 Creation]

Newer versions of SunRain Extend show Menu Icon for the Mobile Screens.

You can check with the Demo Site.

You can update your site with the latest version of SunRain Extend following This Tutorial.

For Older Versions you can change the Text Main Menu from WP-Admin > Appearance > SunRain Options > Translations.

[Katleen Vanderbeken]

hello
i installed the new version to resolve the ‘MAIN MENU’ issue and apparently it works fine on mobile now. However I lost the menu-items that were in it 🙁 also on desktop version I don’t see any menu-items anymore…
thanks for your help

[Katleen Vanderbeken]

sorry it is ok… had to check the menu box again

[D5 Creation]

Please Clear the Site Cache/History from your site/plugins/system and the browser. BTW, what is the site url ?

[Katleen Vanderbeken]

Hello
another issue is popping up, after installing the new version…
I see that in the footer, my widgets layouts has changed (the background color need to be like the backgoround of the website)
see http://www.alibelleschoonheidsinstituut.be
thanks for your help

[D5 Creation]

We are very sorry for the delay in the response.

We believe that you want to show the Custom Menu WidGet Item’s background of the footer to transparent.

Please use the following code in the WP-Admin > Appearance > SunRain Options > General Options > Custom Code within Head Area Box

<style> .widget.mobilemenustyle ul li a { background: transparent; border: none; color: #ffffff !important; padding: 5px 0; font-weight: normal; } .widget.mobilemenustyle ul li a, #topdirection a { color: #ffffff !important; } </style>

1 2 3 4 5 6 7 8 9 10 11 12

<style> .widget.mobilemenustyle ul li a {     background: transparent;     border: none;     color: #ffffff !important;     padding: 5px 0;     font-weight: normal; } .widget.mobilemenustyle ul li a, #topdirection a {     color: #ffffff !important; } </style>

[Author]

Posts