Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • December 15, 2013 at 7:59 pm #200483
    Fabrice

    Hi everyone

    On my Mobile Phone (Android Nexus 5) is the Menu Button (for the slide out menu) directly over the logo. That’s not the way I imagine it.
    1. The logo is not center (you can see it on mobile: contoweb.ch/wordpress). How can I change this for the mobile version?
    2. Can I set the menu button to non-fixed and visible everywhere (on top right every time) and a little bit below as now?

    Thanks for help!

    Grüsse aus der Schweiz
    Fabrice

    • This topic was modified 10 years, 11 months ago by Fabrice.
    December 16, 2013 at 3:49 am #200558
    Yigit

    Hey Fabrice!

    Please add following code to Quick CSS in Enfold theme options under Styling tab
    1)

    @media only screen and (max-width: 768px) and (min-width: 480px) { .logo { margin-left: 30px; }}
@media only screen and (max-width: 479px) { .logo { margin-left: -35px; }}

    2)

    #advanced_menu_toggle { right: 2%; top: 40%; }

    Regards,
    Yigit

    December 16, 2013 at 9:23 am #200598
    Fabrice

    Hi Yigit!

    Thanks for your fast response!
    Just tried out your solution. Number 1 works perfect, the logo will be displayed much better.
    The second code doesn’t work. The menu button is still on the same place and on the fixed position on the site. Is #advanced_menu_toggle the right style class for mobile view?

    EDIT: Sorry, my mistake! I mean for Number 2 also the mobile view. Can you say me how I can change that on mobile view, only for the menu button (logo should only displayed on top of the page)?

    Grüsse
    Fabrice

    • This reply was modified 10 years, 11 months ago by Fabrice.
    December 16, 2013 at 12:49 pm #200645
    Yigit

    Hey!

    Please replace second code with following one

    #advanced_menu_toggle { position: fixed; right: 2%; top: 40%; }

    You can adjust top and right values to change the position of the button

    Regards,
    Yigit

    December 16, 2013 at 12:55 pm #200647
    Fabrice

    Works perfect! Thanks a lot :-)

    Gruss
    Fabrice

    December 16, 2013 at 12:58 pm #200649
    Yigit

    Hi!

    You are welcome Fabrice! Glad we could help :) Let us know if you have any other questions or issues

    Best regards,
    Yigit

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Mobile View – Header Logo’ is closed to new replies.