Position of menu button on mobile

  • Resolved JTS_IL

    (@jts_il)


    9 years, 7 months ago

    Hi,

    When brwosing my site on iphone, the menu button is placed on the bottom-right of the header (before rolling down)
    After rolling down – the menu button of the sticky header is positioned on the upper left of the header.

    looking at the css – it’s float : right; so I cannot understand why it is on the left.

    https://www.glezer.co.il
    (its RTL)

    10x

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

  • ‘Cause you have the logo float right too so..
    try with:

    .sticky-enabled .tc-header .brand {
    float: left;
    text-align: left;
}

    Thread Starter JTS_IL

    (@jts_il)

    OK,
    Works for iPhone, but reverts the left logo for desktop.
    I will put it in media query.

    I didn’t think the logo will make the difference…

    If possible – please explain – if the logo is span3, why does it take 75% of the screen?

    TIA

    Because of this:

    media (max-width: 979px){
.sticky-enabled .brand {
float: right;
width: 80%;
text-align: right;
padding-left: 10px;
position: relative;
z-index: 2;
}}

    in tc_common, if the your asking for the reason… well because there’s another rule which says with:100% for that viewport when sticky is disabled.
    Something of the sort ??

    Thread Starter JTS_IL

    (@jts_il)

    Got it!

    I’m asking because I’m working on RTL-ing it properly
    ??

    when done – will upload to github

    Yeah, I know you’re doing that huge work that will be greatly appreciated for sure! ??
    Don’t worry about asking, if I can I’ll answer ??

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Position of menu button on mobile’ is closed to new replies.