Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • April 26, 2018 at 3:21 am #947017
    Oref

    Hi,

    I am designing a website which I want to change it into something like a website from Cisco.com

    If you open cisco website you will see the menu on the left side, how can it like that?
    As far as I searched into the menu, I didn’t find any option so I need the assistance regarding this.

    Thank you very much

    April 27, 2018 at 1:37 pm #947928
    Ismael

    Hey samconag,

    Thank you for using Enfold.

    Set the position of the menu from right to left. Just add this css code.

    .responsive #top .main_menu {
    left: 100px;
    right: auto;
}

    Adjust the value as needed.

    Best regards,
    Ismael

    April 28, 2018 at 9:42 pm #948461
    Oref

    Thanks Ismael.

    Unfortunately, It didn’t workout.

    Can you check?

    May 1, 2018 at 6:22 am #949359
    Ismael

    Hi,

    It works when I add the css code directly in the browser inspector. Please post the login details in the private field.

    .main_menu {
    right: auto;
    left: 130px;
}

    Best regards,
    Ismael

    May 1, 2018 at 6:26 pm #949599
    Oref

    I wanted the menu be on “left side” only on mobile view.

    kindly check http://www.cisco.com from your mobile and you will see what I am talking about.

    Credential has been added

    Thanks

    May 3, 2018 at 6:49 am #950504
    Victoria

    Hi samconag,

    Do you mean you want the burger on mobile on the left? And where is the logo supposed to go?

    Best regards,
    Victoria

    May 3, 2018 at 8:53 pm #951089
    Oref

    I want to be it like this

    Burgers to be left – LOGO CENTER – SEARCH RIGHT.

    Kindly check Cisco.com from your mobile.

    Thanks a lot

    May 4, 2018 at 8:37 am #951439
    Vinay

    Hi,

    I checked your site on my android phone and it appears exactly as per your description. Please see attached screenshot.

    Let us know if you need any further help.

    Best regards,
    Vinay

    May 4, 2018 at 8:32 pm #951839
    Oref

    Yes, I know Cisco is like that
    My original question was that I wanted my design which I mentioned the site on the first post to be look like that.

    Kindly Check the private content!
    Seikatsu-karate.ch

    May 8, 2018 at 1:47 am #953000
    Yigit

    Hi,

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

    @media only screen and (max-width: 480px) {
.responsive #top .logo,.responsive #top .av-logo-container .avia-menu {
    width: 100%;
}
.responsive .logo img { 
    margin: auto;
}
.responsive #top #wrap_all .main_menu {
    position: inherit;
    margin-top: -80px;
}
#top #menu-item-search {
    float: right;
}
}

    Best regards,
    Yigit

    May 8, 2018 at 2:06 am #953008
    Oref

    AWSOME!!!!!!!!!!!!!!!
    Wow…. Genius.

    Thank you very much Yigit. my issue has been solved.

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Left side scroll on responsive mode’ is closed to new replies.