Search button overlap on mobile RTL

  • Resolved A2E

    (@a2e)


    11 years, 2 months ago

    Hi Alex –
    I’ve been using Human on my site for well over a year. Very happy with it! So first of all: thanks!
    The site is in Hebrew (RTL formating) with some pages in English (LTR) and mostly everything’s been working fine, with some minor CSS tweaks.
    Recently however I’ve tried to enable a Topbar menu – and on mobile the search button overlaps with the menu button…
    I’ve tried using using CSS position codes, and this solves the problem for RTL — but then I get the overlap on the LTR pages…
    So in summery, I need a way to get the position of that search button to play nicely both on RTL and on LTR.
    Would appreciate your input on this!
    Thanks!
    http://www.hamalrad.com

Viewing 4 replies - 1 through 4 (of 4 total)
  • bdbrown

    (@bdbrown)

    11 years, 2 months ago

    Hi A2E. Can you post a link to a copy of your site that has the topbar enabled so we can see the issue? Thanks.

    Thread Starter A2E

    (@a2e)

    11 years, 2 months ago

    Hi –
    I’ve enabled the topbar on the site now, so you can see at http://www.hamalrad.com how the search button overlaps with the menu at the top right corner
    (note that I made a mistake in the original message: the problem is in the desktop view, not the mobile)

    bdbrown

    (@bdbrown)

    11 years, 2 months ago

    Give this a try in your child theme css:

    .rtl #nav-topbar ul {
  margin-right: 75px;
}

    Adjust the margin as needed.

    Thread Starter A2E

    (@a2e)

    11 years, 2 months ago

    Thanks!
    Solved.

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Search button overlap on mobile RTL’ is closed to new replies.

Tags