Menu mobile - fixed

Ask Enigma Premium Theme Installation, Settings & Configuration, Problem, Error & Bug Related Issues Here

Moderator: forum_m

Post Reply
danielbaterathebest
Posts: 6
Joined: December 10th, 2014, 4:13 am

Menu mobile - fixed

Post by danielbaterathebest » March 6th, 2015, 11:05 pm

Hello,

I am really enjoying the theme.

However, when you open the phone, the menu bar is watching the scrolling and interfere with reading the posts, is in the top or bottom of the images.
Would you like to leave FIXED menu on smartphones and tablets.

Open in cell http://www.curveloonline.com and see the blue MENU while you push down the page.

Hug.

support_staff
Posts: 7236
Joined: February 26th, 2015, 1:40 pm

Re: Menu mobile - fixed

Post by support_staff » March 7th, 2015, 3:03 pm

Hi,

Paste this code in /js/enigma-footer-script.js or /js/enigma_theme_script.js file

Code: Select all

if(jQuery(window).width() < 757){
jQuery('#enigma_nav_top').removeClass('affix');
}else{
jQuery('#enigma_nav_top').addClass('affix');
}
save the changes.

Thanks

danielbaterathebest
Posts: 6
Joined: December 10th, 2014, 4:13 am

Re: Menu mobile - fixed

Post by danielbaterathebest » March 10th, 2015, 9:58 pm

Hello, did not work.

Follow tele image with fixed menu and another image of the page through the menu with disturbing reading.

I wish the menu stay fixed on mobile phones and tablets. The script you sent did not work. I tried the two files that was indicated.

Menu fixed - OK
http://www.curveloonline.com/uploads/me ... tablet.jpg

Menu scroll - Not OK
http://www.curveloonline.com/uploads/me ... tablet.jpg

thank you.

support_staff
Posts: 7236
Joined: February 26th, 2015, 1:40 pm

Re: Menu mobile - fixed

Post by support_staff » March 12th, 2015, 1:18 pm

Hi daniel,

Code: Select all

#enigma_nav_top.affix {
    border-bottom: 2px solid #f7f5f5;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
}
First create a child theme, copy /css/media-responsive.css file into child theme directory.
Open it and paste above code just after followings-
  1. @media only screen and (min-width: 480px) and (max-width: 767px) {
  2. @media only screen and (min-width: 200px) and (max-width: 600px) {
  3. @media only screen and (min-width: 480px) and (max-width: 600px) {
  4. @media only screen and (min-width: 200px) and (max-width: 480px) {
e.g.
@media only screen and (min-width: 480px) and (max-width: 767px) {
#enigma_nav_top.affix {
border-bottom: 2px solid #f7f5f5;
position: fixed;
top: 0;
width: 100%;
z-index: 9999;
}
...
...
}
save the changes.
Thanks

danielbaterathebest
Posts: 6
Joined: December 10th, 2014, 4:13 am

Re: Menu mobile - fixed

Post by danielbaterathebest » March 25th, 2015, 2:24 am

ok ... thanks!

It was great!

support_staff
Posts: 7236
Joined: February 26th, 2015, 1:40 pm

Re: Menu mobile - fixed

Post by support_staff » March 25th, 2015, 11:34 am

You are welcome :)
Thanks

Post Reply

Return to “Theme Installation, Settings & Configuration, Problem, Error & Bug”