How to align menu vertically?

  • Hello, everything is fine in the laptop and mobile version of my website, but the iPad version of my website when displayed on Safari displays a menu aligned vertically to the top.
    I added, margin-top: 10px;
    on #masthead, but it moved all the header down. I only wished to move the menu subtitles, not all the header.
    The device used to test the tablet version of my website is an iPad mini 2 with an outdated version, 10.3.3 OS.

    [url=https://postimg.cc/VJs4fJBt][img]https://i.postimg.cc/VJs4fJBt/ipad2.png[/img][/url]

    I also tried to align the accordion menu on iPad, but when it displays, it’s aligned to the left.
    text-align-last: right; (this only worked on the cellphone version)
    [url=https://postimg.cc/87y4jTt0][img]https://i.postimg.cc/87y4jTt0/image1.png[/img][/url]

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Thread Starter ghostwriter89

    (@ghostwriter89)

    Sorry, I was supposed to show you a picture of how the menu looks when I open it on Ipad. It shows the menu options to the left, but the accordion is to the right, so it looks like they don’t belong together.

    Hi @ghostwriter89 ,

    It seems like you have already added your CSS property to align the menus to the right: https://bit.ly/2lFV7Rj

    Just to let you know that in general, the menu structure markup for RTL sites is to be aligned on the right-hand side and whereas the LTR site as yours the menu structure markup is to be aligned on the left side of the website by default.

    So to change the default menu alignment for mobile, one must add extra CSS property to achieve the desired changes.

    Regards,
    Deepak

    Thread Starter ghostwriter89

    (@ghostwriter89)

    Hello! Thank you so much for replying.
    Yes, I aligned it but it only worked on laptop and cellphones. On iPad I see something different. I did notice that if I move the logo to the right side and the menu to the left side on a tablet, the menu automatically centers vertically. I need to learn how to force the menu to center vertically on iPad. I added padding so the menu wouldn’t be aligned all the way to the top.

    This only happens on my Ipad Mini 2 (I haven’t updated the OS, so I’m not sure if that’s the cause)
    https://postimg.cc/3k2VSJVm
    https://postimg.cc/r04rW3KV

    Hi @ghostwriter89 ,

    Can you please open a support ticket so that we can better help you with your issue?

    Regards,
    Deepak

    Thread Starter ghostwriter89

    (@ghostwriter89)

    Okay!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘How to align menu vertically?’ is closed to new replies.