Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • a7medo778 Friend
    #157832

    hello there
    well as they say a picture worths a thousend word

    as you see in the pic the menu appear to be shifted to the extreme left

    how can i fix that ?

    demo : eco-boat.info

    regards
    ahmed

    Phan Gam Friend
    #368452

    Hi there,
    I checked your site and see problem with css code:
    I think, if you want to move mega menu to right-side, you have to change css
    #1. For Left: Try to for code block

    .ja-home #ja-mainnav .inner {
    float: none;
    margin: 0 auto;
    }

    Arround line 1818 in templates/ja_norite/css/template.css file
    change it to
    <blockquote>.ja-home #ja-mainnav .inner {
    float: left;
    margin: 0 auto;
    }</blockquote>
    and change over for height: 217px; display: none; width: 780px; left: auto; right: 0pt; overflow: hidden;
    and add code

    ja-megamenu li.mega .childcontent {
    display: block;
    height: auto;
    left: 0 !important;
    position: absolute;
    }

    To this file.
    #2 For right:
    Only edit
    .ja-home #ja-mainnav .inner {
    float: none;
    margin: 0 auto;
    }

    Arround line 1818 in templates/ja_norite/css/template.css file
    to
    .ja-home #ja-mainnav .inner {
    float: right;
    margin: 0 auto;
    }

    Hope that helps

    a7medo778 Friend
    #368489

    thnaks for the replay
    but that changed the location of the main menu

    i wanted to change the location the sub main menu to appear in the middle instead of going to the left

    aman204 Friend
    #368510

    <blockquote>i wanted to change the location the sub main menu to appear in the middle instead of going to the left </blockquote>

    Checked your site and seems that If you could decrease one column for specific sub-menu, it would appear fine as 4 columns are unable to accomodate with available space due to which JS script injects property to shift sub menu to further left to have them accomodate

    a7medo778 Friend
    #368522

    mmmmmmmm
    so there is no way to get the sub menu to appear in the midd instead of left ?

    the 4 colum is kinda the whole point of the mega menu plugin

    aman204 Friend
    #368538

    Here is the screenshot taken after I did the modification virtually to make it inwards with parent menu. The menu dropdown goes off the screen and creates scrollbar below

    Mainly, Having 4 columns or more for mega menu is fine for templates where you have menu items aligned to left but out here, the menu items are centered so you will need to compromise a bit here 🙂

    Cheers


    1. mega-menu
    a7medo778 Friend
    #368639

    i did change it into 2 col sub menu

    still the spawned menu seems a bit of
    shouldn’t it appear under the main menu item ?

    aman204 Friend
    #368642

    <em>@a7medo778 210906 wrote:</em><blockquote>i did change it into 2 col sub menu

    still the spawned menu seems a bit of
    shouldn’t it appear under the main menu item ?</blockquote>

    Try add this at end of template.css file::

    li.last .childcontent{left:0 !Important;}

    a7medo778 Friend
    #368644

    lol it messed up the whole template 😛
    check it

    aman204 Friend
    #368645

    I cant see any such mess and infact, the menu dropdown for specific menu item appear fine for now 🙂

    Please recheck

    a7medo778 Friend
    #368646

    srry probably bad cache from my browser

    thanks a million m8
    gonna tag this as solved now

    thanks again

Viewing 11 posts - 1 through 11 (of 11 total)

This topic contains 11 replies, has 3 voices, and was last updated by  a7medo778 13 years, 10 months ago.

We moved to new unified forum. Please post all new support queries in our New Forum