Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • January 6, 2017 at 6:25 am #730179
    mcraig77

    Hi,

    The is a random space under one of my sub items.. i can’t figure out why… I have deleted the page and recreated it a couple of times.

    The menu item is attractions/Mobile Laser Tag

    please advise

    January 6, 2017 at 9:02 am #730235
    Rikard

    Hey mcraig77,

    Please try the following in Quick CSS under Enfold->General Styling:

    .av-main-nav li:nth-child(4) {
    margin-left: auto !important;
}

    Best regards,
    Rikard

    January 6, 2017 at 9:43 am #730245
    mcraig77

    Hi That worked but it now overlaps my logo. Is there a way i can move the menu away from the logo more?

    I used this thread to center my logo https://kriesi.at/support/topic/logo-in-center-menu-to-the-left-and-right/

    Please advise

    January 6, 2017 at 6:09 pm #730445
    Yigit

    Hi,

    Please use the code as following

    .av-main-nav > li:nth-child(3) {
    margin-right: 30vw;
}

    Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.

    Best regards,
    Yigit

    January 6, 2017 at 7:25 pm #730487
    mcraig77

    Ahoy Yigit,

    I tried just your code and it doesn’t work, was it meant to be used with Rikards code?

    What do you mean by “Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.”

    I dont see any DIV code in my quick CSS like that…

    January 6, 2017 at 9:42 pm #730519
    Vinay

    Hi,

    When you copy the code from here the signs get converted to ascii values for example “>” will be copied as ” &gt ; ” that’s what Yigit is trying to say :)

    The logo overlaps when you change the screen size…

    Please change 30vw in the above code Yigit provided to approx 650px

    Your code should look like

    .av-main-nav > li:nth-child(3) {
    margin-right: 650px;
}

    Feel free to change this value to suit your design.

    If you still have an issue you can do 2 things to avoid the overlapping issue and make everything look nice on all screen size…

    1. Change the way you setup the logo center and split the menu please check https://kriesi.at/support/topic/logo-center-menu-left-and-right-2/#post-724306

    2. Activate the mobile menu around 1000px when things start to run into each other using the below CSS in Enfold > General Styling > Quick CSS.

    @media only screen and (max-width: 1024px) {
nav.main_menu {display:none !important;}
#advanced_menu_toggle, #advanced_menu_hide {display:block !important; }
}

    Best regards,
    Vinay

    • This reply was modified 7 years, 10 months ago by Vinay.
  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.