Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • May 29, 2014 at 10:35 am #271698
    quadrocreative

    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

    May 29, 2014 at 1:03 pm #271742
    Yigit

    Hey quadrocreative!

    Can you post the link to your website?

    Regards,
    Yigit

    May 29, 2014 at 1:08 pm #271749
    quadrocreative

    Yep sure…

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

    May 29, 2014 at 1:12 pm #271751
    Yigit

    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

    May 30, 2014 at 4:37 pm #272460
    quadrocreative

    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/

    June 2, 2014 at 7:46 pm #273469
    Devin

    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

    June 16, 2014 at 4:54 pm #279543
    quadrocreative

    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

    June 16, 2014 at 4:55 pm #279545
    Yigit

    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

    July 23, 2014 at 10:46 pm #295168
    quadrocreative
    This reply has been marked as private.
    July 24, 2014 at 6:25 am #295284
    Josue

    Hello,

    The video you linked is not accessible.

    Cheers!
    Josue

    July 24, 2014 at 10:19 pm #295689
    quadrocreative
    This reply has been marked as private.
    July 25, 2014 at 1:00 am #295722
    Josue

    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

    July 28, 2014 at 11:52 am #296674
    quadrocreative

    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

    July 28, 2014 at 8:16 pm #296965
    Josue

    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

    July 30, 2014 at 5:37 pm #297838
    quadrocreative

    That worked a treat… many thanks

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

    Best Regards,

    Richard

    July 30, 2014 at 5:49 pm #297845
    Yigit

    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

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