Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • January 23, 2015 at 3:04 pm #384356
    hloft

    Hi,

    I have the full width sub menu available on my website and realise it does not show up very well on my iPhone!

    It there a way to neaten this up?

    https://pro4life.co.uk

    Thanks

    January 23, 2015 at 4:30 pm #384398
    Yigit

    Hey hloft!

    Please add following code to Quick CSS 

    @media only screen and (max-width: 769px) {
#header form#searchform { top: 0px;}}

    and change following code

    #top .av-submenu-container .container {
padding: 0 40px !important;
}

    to

    #top .av-submenu-container .container {
padding: 0 30px !important;
}

    Regards,
    Yigit

    January 23, 2015 at 6:19 pm #384511
    hloft

    Hi Yigit,

    That doesn’t seem to have done anything!

    Is there a way to place the search bar, cart icon and main menu below the logo?

    Thankyou

    January 24, 2015 at 11:28 am #384830
    Ismael

    Hey!

    If you don’t mind, please provide a screenshot on how you want the header to look like on mobile device. We’ll try to give you the proper css codes for it.

    Regards,
    Ismael

    January 26, 2015 at 2:21 pm #385432
    hloft

    Hi Ismael,

    Either one of these layouts would be great:

    https://pro4life.co.uk/wp-content/uploads/2015/01/Pro4lifemobile-1.jpg
    https://pro4life.co.uk/wp-content/uploads/2015/01/Pro4lifemobile-2.jpg

    Only on Mobile. Thanks :)

    Harry

    January 26, 2015 at 2:55 pm #385443
    Yigit

    Hi!

    Please add following code to Quick CSS 

    @media only screen and (max-width: 480px) {
#header form#searchform { left: 0px; top: 0; width: 170px; }
.responsive #top .cart_dropdown,#advanced_menu_toggle, #advanced_menu_hide { top: 87%; }
}

    Regards,
    Yigit

    • This reply was modified 10 years, 9 months ago by Yigit.
    January 26, 2015 at 3:16 pm #385457
    hloft

    Hi Yigit,

    Thank you, very close!

    It now looks like this:
    https://pro4life.co.uk/wp-content/uploads/2015/01/IMG_3866.png

    The search bar can be made smaller if need be

    Thanks.

    January 26, 2015 at 3:20 pm #385461
    Yigit

    Hi!

    I edited the code i posted in my previous post. Please try it now and adjust as needed

    Regards,
    Yigit

    January 26, 2015 at 3:33 pm #385476
    hloft

    Hi Yigit,

    Thanks for all your help, that’s perfect!

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Full Width Sub Menu on mobile’ is closed to new replies.