Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • June 15, 2015 at 8:51 am #459164
    youkendooit

    Hello Enfold Staff,

    The items in my mobile menu (specifically on tablets) does not fit and ends up dropping down to the next row. If you could please provide me with a code to fix this that would be great. The code you provided me before affects my website view as well and I don’t want that. Just the clickable tabs button for the tablet code would be appreciated.

    Also, when I hover over an image in my sidebar, the hover effect is buggy. It only does the effect on the top smidgen of the image the first time I hover, then it fixes itself. Help? (On the “Upgrade Your Resume” image)

    Thanks!

    Best Regards,
    Kenny

    June 16, 2015 at 5:21 am #459813
    Rikard

    Hi youkendooit!

    I see two options here: either activate the mobile menu at an earlier stage or reduce the padding/font-size of the menu on screens lower than 1300px, what would you prefer?

    Regards,
    Rikard

    June 16, 2015 at 7:47 am #459876
    youkendooit

    Hi Rikard,

    Thanks for getting back to me!

    Can you please provide me with the code to activate the mobile menu for the tablets?

    Also, were you able to assess what is wrong with my sidebar image? Thanks!

    Kenny

    June 16, 2015 at 6:25 pm #460254
    Elliott

    Hi!

    The hover effect looks fine on my end. What browser and operating system are you using?

    For the menu try adding this to your custom CSS.

    @media screen and (max-width:999px) {
nav.main_menu {
    display: none !important;
}
#advanced_menu_toggle {
    display: block !important;
}
}

    Regards,
    Elliott

    June 17, 2015 at 5:31 am #460539
    youkendooit

    Hi Elliott,

    Thanks for getting back to me so quickly. The hover effect only happens when you first hover over the resume in the sidebar, then it goes away. I am using Windows 7 on Google Chrome and it happens on my friend’s Mac as well.

    The menu code you gave me is great but now I need to move it to the bottom right corner of the header. Currently it’s hovering randomly in the middle on the right side. Would you please be able to give me the code to do so? I am looking at it through a Samsung tablet. Thanks!

    Best Regards,
    Kenny

    June 18, 2015 at 3:59 am #461041
    Rikard

    Hi!

    Please try the following in Quick CSS under Enfold–>General Styling:

    #advanced_menu_toggle {
  top: 60% !important;
  right: -7% !important;
}

    Regards,
    Rikard

    June 18, 2015 at 5:08 am #461067
    youkendooit

    Perfect! I decided to move it to the left side instead but that code worked perfectly. Now when I flip my tablet to the side, the search magnifying glass icon drops down to the next row. Any code to fix this? Thank you so much!

    June 18, 2015 at 2:54 pm #461367
    Yigit

    Hey!

    Please add following code to Quick CSS as well 

    @media only screen and (max-width: 1340px) and (min-width: 1000px) {
.main_menu ul:first-child > li > a {
  padding: 0 10px !important;
}}

    Best regards,
    Yigit

    June 19, 2015 at 7:26 am #461705
    youkendooit

    Hi Yigit,

    Thanks for getting back to me. Unfortunately, that didn’t work out. Also, I just noticed that the previous code you gave me to add the toggle menu to the tablet totally threw off my mobile phone toggle menu location. Anyway to keep them separate? Thanks!

    Best Regards,
    Kenny

    June 19, 2015 at 4:10 pm #462019
    Yigit

    Hi!

    Regarding my previous code, please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field and please change Rikard’s code to following one 

    @media only screen and (min-width: 769px) {
#advanced_menu_toggle {
  top: 60% !important;
  right: -7% !important;
}}

    Regards,
    Yigit

    June 19, 2015 at 8:11 pm #462108
    youkendooit

    Great. My Samsung menu looks perfect now but the toggle menu on my iphone 4s is way off position wise. I believe that the code to fix the Samsung toggle menu affected the phone toggle menu as well. Anyway to fix this?

    And in regards to the hover issue on my sidebar image, any luck there?

    Thanks everyone! I appreciate you all.

    Kenny

    June 21, 2015 at 2:22 pm #462353
    Ismael

    Hi!

    Can you please provide a screenshot of the iphone view? Use imgur or dropbox. You can adjust this code to position the toggle menu correctly:

    @media only screen and (min-width: 480px) {
#advanced_menu_toggle {
  top: 60% !important;
  right: -7% !important;
}}

    Best regards,
    Ismael

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • You must be logged in to reply to this topic.