Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • July 4, 2015 at 1:49 am #468269
    djshortkut

    Can you please give me some quick css to center the menu items on the mobile menu and remove the border lines in between each menu item. Thanks!

    July 5, 2015 at 8:01 am #468480
    Rikard

    Hey djshortkut!

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

    #mobile-advanced li {
text-align:center !important;
}

#mobile-advanced a {
border-bottom-width: 0px !important;
}

    Cheers!
    Rikard

    July 6, 2015 at 2:07 am #468630
    djshortkut

    Thanks Rikard! That almost worked. There is only 1 thin border line above all of the menu items that needs to be removed (See image)

    I also want to know how I can add my logo to the mobile menu and center it. Thanks!

    July 6, 2015 at 2:16 pm #468920
    Yigit

    Hi!

    Please add following code to Quick CSS as well

    #mobile-advanced>li:first-child>a:first-child {
  border: none;
}
ul#mobile-advanced {
  padding-top: 0;
  margin-top: 130px;
}

    Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field

    Cheers!
    Yigit

    July 6, 2015 at 4:11 pm #469058
    djshortkut

    Thanks Yigit, that worked great! I had to slightly modify the values of the margin-top to get it to work right but it looks great now. There is one problem. On my iPhone in landscape mode the menu close button and menu button show when the mobile menu is pulled up. Can you provide me some quick css to move the close button over so it covers the menu button on my iPhone in landscape mode? Thank you!

    July 7, 2015 at 6:03 am #469387
    Rikard

    Hey!

    Please try the following:

    #advanced_menu_hide {
  top: 62px !important;
  right: 46px !important;
}

    Best regards,
    Rikard

    July 7, 2015 at 7:19 am #469419
    djshortkut

    Thanks Rikard. So I was able to adjust the button in portrait mode but it won’t move it in landscape mode for some reason. What can I do to move the mobile menu close button in landscape mode so it lines up the same way as it does in portrait mode?

    July 8, 2015 at 11:04 am #470117
    Andy

    Hi!

    use this code for iPhone and only landscape mode:

    @media only screen 
  and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: landscape) {
a#advanced_menu_hide {
top: 40px;
right: 50px;
}}

    Best regards,
    Andy

    July 8, 2015 at 3:42 pm #470332
    djshortkut

    Thanks Andy but this code did not work. Is there some quick css you can give me that would make it so the mobile menu hide button is always lined up with the mobile menu toggle button universally on any screen size? That might make it easier than adjusting it on each screen size. For some reason no matter what I put in, the hide button won’t adjust in landscape mode for some reason. I provided my login credentials if it’s easier for you to do while logged in. Thanks!

    July 9, 2015 at 1:56 pm #470845
    Andy

    Hi!

    it’s working as supposed for me with my code. Please clear browser cache and refresh your website a few times.

    Best regards,
    Andy

    July 10, 2015 at 5:09 am #471258
    djshortkut

    I’ve cleared my browser cache and refreshed my website several times and it’s still not working correctly. It works ok perfectly in portrait mode with the code that was supplied but not in landscape mode. I am using an iPhone 6 if that makes a difference. As you can see from the screen shot it is still showing up this way. Even when I adjust the values of the code, the menu close button does not move at all so it looks like the code isn’t working.

    July 10, 2015 at 4:00 pm #471555
    Andy

    Hi!

    hm I checked again on chrome emulator and on my htc one device. I will tag Yigit for this thread, so he can check if menu and close button overlap correctly on his iPhone in landscape mode. Kindly wait for his reply please.

    Cheers!
    Andy

    July 15, 2015 at 12:46 am #473493
    djshortkut

    I’m hoping Yigit or somebody with an iPhone can take a look at this and provide me with quick css to move the close button so it overlaps the menu button correctly in landscape mode. The screenshot I posted above is happening on my iPhone 6 in landscape mode. It lines up correctly in portrait mode. Thanks in advance!

    July 15, 2015 at 12:16 pm #473650
    Yigit

    Hey!

    Please add following code to Quick CSS

    .show_mobile_menu #advanced_menu_toggle {
  display: none!important;
}

    Cheers!
    Yigit

    July 15, 2015 at 4:24 pm #473842
    djshortkut

    Ok that will work, thanks! You can close this thread.

  • Author
    Posts
Viewing 15 posts - 1 through 15 (of 15 total)
  • The topic ‘Mobile Menu’ is closed to new replies.