Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • #271698

    Hi Support,

    I wonder if you can help?

    1. I need to move the menu so its 20px from the top and 20px from the right edge of the box format
    2. I need to reduce the gap between each page section to make the section larger – so the gap between sectioned is halved

    Best Regards,

    Richard

    #271742

    Hey quadrocreative!

    Can you post the link to your website?

    Regards,
    Yigit

    #271749
    #271751

    Hi!

    Please add following code to Quick CSS

    .main_menu ul:first-child > li a {
    line-height: 40px;
    height: 100px;
    }
    .main_menu {
    right: -20px; }

    Best regards,
    Yigit

    #272460

    Thanks for the code… It moved the menu to the right but didn’t move it up… any ideas?

    Also I need to reduce the width of this <span class=”avia-menu-fx”><span class=”avia-arrow-wrap”><span class=”avia-arrow”></span></span></span> so its the exact width of the menu item text above the line.

    Also inserting the code you gave me did nothing with the width of the page layout elements (I need the gap between elements halved)… Any ideas?

    Lastly, Can you change the main menu text colour on different pages? (as some background images require a white text)

    http://grbuk.quadrocreative.co.uk/

    #273469

    Hey!

    Since the menu is getting its height from the header options the css change needs to get forced:

    
    /* This will set main menu location */
    .main_menu ul:first-child > li a {
    line-height: 40px !important;
    height: 100px !important;
    }
    

    The border under the menu items (the fx class) however isn’t as simple and I wasn’t able to find a way to change it like that.

    I don’t know what you mean about the page sections though. Each color section has its own settings when you insert it and for something else we would need a more specific explanation.

    Cheers!
    Devin

    #279543

    Hi Devin,

    Thanks this worked a treat

    http://grbuk.quadrocreative.co.uk/

    The only thing is when you hover over “Log In” menu item the pink bar is cut off on the right edge compared to other menu items… Any ideas how to fix this?

    Cheers

    Richard

    #279545

    Hey!

    Please add following code to Quick CSS as well

    .html_main_nav_header #top .main_menu .menu>li:last-child>a, .html_bottom_nav_header #top #menu-item-search>a {
    padding-right: 15px;
    }

    Cheers!
    Yigit

    #295168
    This reply has been marked as private.
    #295284

    Hello,

    The video you linked is not accessible.

    Cheers!
    Josue

    #295689
    This reply has been marked as private.
    #295722

    Hey Richard!

    Try adding this codes to the Quick CSS:

    .html_main_nav_header #top .main_menu .menu>li:last-child>a, .html_bottom_nav_header #top #menu-item-search>a {
        padding-right: 13px;
    }
    .flex_column.avia-builder-el-15, .flex_column.avia-builder-el-17, .flex_column.avia-builder-el-19, .flex_column.avia-builder-el-22, .flex_column.avia-builder-el-24, .flex_column.avia-builder-el-27{
        margin: 0 18px !important;
    }

    Cheers! 
    Josue

    #296674

    Hi Josue,

    Many thanks for your help

    Although I do not see a change with the active menu item line “log in”

    Regarding the other issue: Your code appears to have reduced the padding between the columns (which is great) but how do I increase the width of the columns to compensate (as now they appear too far left)?

    Best Regards,

    Richard

    #296965

    Hey Richard!

    Try changing that part of the code to:

    .home .flex_column.avia-builder-el-15, .home .flex_column.avia-builder-el-17, .home .flex_column.avia-builder-el-19, .home .flex_column.avia-builder-el-22, .home .flex_column.avia-builder-el-24, .home .flex_column.avia-builder-el-27{
        margin: 0 10px !important;
        width: 17.2%;
    }

    Regards,
    Josue

    #297838

    That worked a treat… many thanks

    Any idea why the menu hover line under “log in” is still cut off?

    Best Regards,

    Richard

    #297845

    Hi!

    Please add following code to Quick CSS as well

    .html_main_nav_header #top .main_menu .menu>li:last-child>a, .html_bottom_nav_header #top #menu-item-search>a {
    padding-right: 13px;
    }

    Best regards,
    Yigit

Viewing 16 posts - 1 through 16 (of 16 total)
  • You must be logged in to reply to this topic.