Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • June 3, 2018 at 4:52 pm #966155
    tallypeled

    Hello
    I looked around & all I could find is:
    RTL: menu to the Left + Logo to the Right
    LTR: menu to the Right + Logo to the Left
    I have it the other way around on a PC,
    How can I have it other way around on Mobile (same as on PC)?

    June 5, 2018 at 8:07 pm #967429
    Victoria

    Hey tallypeled,

    So you want logo left + menu right on mobile, correct?

    Best regards,
    Victoria

    June 5, 2018 at 11:21 pm #967544
    tallypeled

    Hello Victoria
    The code is removed.
    Now if you look at the RTL version, the burger menu is on top of the logo.
    That line of code fixed this issue….
    Now what?
    What I need is as follows – on Mobile (as desktop looks fine and is as described below)
    RTL: menu to the Right (correct) + Logo to the Left (wrong)
    LTR: menu to the Left (wrong) + Logo to the Right (correct)
    Thenk you

    • This reply was modified 6 years, 5 months ago by tallypeled.
    June 9, 2018 at 1:42 pm #970400
    Mike

    Hi,
    Sorry for the late reply, thanks for your patience.
    Try this code in the General Styling > Quick CSS field:

    @media only screen and (max-width: 767px) {
.responsive #top.rtl .logo {
    float: left !important; 
    width: auto !important; 
}
}

    Best regards,
    Mike

    June 9, 2018 at 2:13 pm #970408
    tallypeled

    Thank you Mike

    Same issue with LTR….
    Logo on LEFT, menu on RIGHT
    How do I flip them??
    SO LOGO is on the RIGHT, MENU is on the LEFT…

    • This reply was modified 6 years, 5 months ago by tallypeled.
    June 9, 2018 at 3:44 pm #970431
    Mike

    Hi,
    Try this code in the General Styling > Quick CSS field:

    @media only screen and (max-width: 989px) {
.responsive.html_logo_right #top #wrap_all .av_mobile_menu_tablet .main_menu {
    top: 0 !important; 
    left: 0 !important; 
    right: auto !important; 
}
}
@media only screen and (max-width: 989px) {
.responsive #top .logo {
    float: right !important;
    width: auto !important; 
}
}

    If this doesn’t help, Can you please include a admin login in the private content area so we can take a closer look.

    Best regards,
    Mike

    August 23, 2018 at 2:15 pm #1000739
    yonie81

    I have the same problem.

    all codes you have added don’t solve the problem

    August 24, 2018 at 12:53 pm #1001184
    Vinay

    CHi,

    The requirement mentioned above is not clear, please post a screenshot of both desktop and mobile version so I can help you with the necessary code.

    Best regards,
    Vinay

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.