Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • November 29, 2016 at 11:01 pm #718560
    bakbek

    Hi, how can I fix this – http://screencast.com/t/hsSj9h1qQI?

    I want the menu to always be on the right side and the logo on the left side, regardless of screen size.

    Thanks!

    November 29, 2016 at 11:31 pm #718573
    Yigit

    Hey DROR,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    #advanced_menu_toggle, #advanced_menu_hide {
    right: 0;
    left: auto;
}
@media only screen and (max-width: 767px) {
.responsive .logo img {
    float: left;
}}

    Best regards,
    Yigit

    November 30, 2016 at 8:12 am #718649
    bakbek

    Thanks! how can I separate the cart button from the menu button so they won’t overlap on the right side of the menu – http://screencast.com/t/F2zTwtjcoBh?

    November 30, 2016 at 1:43 pm #718742
    Yigit

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    @media only screen and (max-width: 989px) and (min-width: 768px) {
.responsive.html_mobile_menu_tablet.html_visible_cart #top .cart_dropdown {
    right: 100px;
}}

    Best regards,
    Yigit

    November 30, 2016 at 2:19 pm #718776
    bakbek

    Awesome. Thanks!

    November 30, 2016 at 2:20 pm #718778
    Yigit

    Hi,

    You are welcome! Let us know if you have any other questions or issues :)

    Best regards,
    Yigit

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Mobile Menu and Logo are overlapping’ is closed to new replies.