Menu shifting towards left on 1200 break point

This topic has 10 replies, 4 voices, and was last updated 8 years, 10 months ago ago by Brian Johnson

  • Avatar: albulushi
    albulushi
    Participant
    April 24, 2015 at 04:44

    The menu is shifting towards left when it reaches on 1200 breakpoints. any idea ?

    Please, contact administrator
    for this information.
    9 Answers
    Avatar: Robert Hall
    Robert Hall
    Support staff
    April 24, 2015 at 07:36

    Hello,

    Because it’s responsive menu. What are you trying to achieve?
    Maybe provide screenshot for our better understanding.

    Regards,
    Robert Hall.

    Avatar: albulushi
    albulushi
    Participant
    May 11, 2015 at 14:41
    Avatar: Brian Johnson
    Brian Johnson
    Member
    May 11, 2015 at 14:56

    Please provide us with link to your site and image of what you would like to achieve.

    With best regards
    Brian Johnson

    Avatar: albulushi
    albulushi
    Participant
    May 11, 2015 at 15:02

    The link is provided in the private section, if you reduce the browser to 1200 break point you will see the menu move towards left under the logo what I what I want to achieve is the menu should be exactly how it is in desktop view till 1024 break point.

    Also if you see the cart and checkout page there is a duplicate payment option showing.

    Thanks for your help

    Please, contact administrator
    for this information.
    Avatar: Brian Johnson
    Brian Johnson
    Member
    May 11, 2015 at 15:13

    Please provide us also with wp-admin andftp credentials to your site to let us fix cart and checkout issue.

    With best regards
    Brian Johnson

    Avatar: Eva
    Eva Kemp
    Support staff
    May 11, 2015 at 15:16

    Hello,

    I’ve checked your site and haven’t see any issues with menu:
    http://i.imgur.com/Cqz0rEo.png

    To remove duplicate button “Place order” you need remove the folder “woocommerce” in the directory wp-content/themes/royal and reupload it from a new theme package.
    When you updated the theme some old files weren’t deleted in “woocommerce” folder.

    Regards,
    Eva Kemp.

    Avatar: albulushi
    albulushi
    Participant
    May 11, 2015 at 15:24

    The info is in the private content area

    thanks

    Please, contact administrator
    for this information.
    Avatar: Robert Hall
    Robert Hall
    Support staff
    May 11, 2015 at 15:34

    Hello,

    In this case you need to reduce width of logo image. Please add this code in custom.css file.

    @media only screen and (max-width: 1200px){
    .header-logo, .header-logo img {
      max-width: 250px;
    }}

    Regards,
    Robert Hall.

    Avatar: Brian Johnson
    Brian Johnson
    Member
    May 11, 2015 at 15:38

    Hello

    Please add following code into the custom.css or style.css of the Child Theme:

    @media (min-width: 1024px) and (max-width:1200px)
    {.header-logo img{max-width: 320px!important;}
    #menu-main-menu-1 {float:right!important;border:none!important;}
    #menu-main-menu-1 li{  border-top: 1px solid #f2f2f2;}
    
     .navbar-collapse{float:right!important;border:none!important;}
    /* Part below is necessary in case you want red backgriund for cart */ 
     .header-type-12 .navbar-right .shopping-container{ background-color:#de2833!important;}}

    With best regards
    Brian Johnson

  • Viewing 10 results - 1 through 10 (of 10 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.