Tagged: ,

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • September 25, 2017 at 3:12 pm #856503
    KingFilly

    hi there,

    i would like to have some help with a few things in CSS for my website. I hope you guys can help me out!

    1) Change font size header text widget:
    I would like to change the font of my text widget in the header. Can you help me with the right CSS? I gave the textwidget the class name ‘meerinfo’ .

    2) Icons above menu titels.
    I would to have some icons above my menu titels. See the imgur link of image (imgur) of how i want to have the menu. (similar)

    3) how can i delete the grey border around the menu container?

    4) Menu titles centered within the separators.
    Can you help me center the menu titles within the seperators?

    Website link and password are in the private content.

    Thanks in advance!

    September 26, 2017 at 12:02 am #856731
    KingFilly

    Hope you guys can help me out soonish! :)

    September 26, 2017 at 9:15 pm #857142
    Basilis

    Hi,

    Unfortunately it would require quite some time and customization of the theme to achieve this, so I am sorry to tell you that this is not covered by our support. However if its really important for you to get this done, you can always hire a freelancer to do the job for you :)

    Best regards,
    Basilis

    September 26, 2017 at 9:57 pm #857155
    KingFilly

    hi Basilis,

    thank you for you reply.
    i found solutions for almost everything. text widget is changed and i use menu icons plugin to add icons to the menu titles.
    I only need some help to center my meny items between the seperators and the icons above the menu titles. can you help me with this?

    hope to hear from you.

    September 27, 2017 at 1:25 pm #857483
    KingFilly

    Any help guys?

    September 28, 2017 at 4:48 am #857811
    Ismael

    Hi,

    Please try to adjust the left padding value.

    .av_seperator_small_border .av-main-nav > li > a > .avia-menu-text {
    padding-left: 35px;
}

    Default value is 13px.

    Best regards,
    Ismael

    September 28, 2017 at 8:26 pm #858207
    KingFilly

    Hi Ismael,

    thank you!

    I think you missed the 6th menu items. (Contact). I adjust the padding left to 15px. looks good now.
    Can you help me with getting the icons above the menu titles (centered) ? the container hight of the main-menu should als be higher, so the menu icons fit in. (see the link of imgur how i would like to have it)

    thanks for your help Ismael!

    September 29, 2017 at 11:19 am #858420
    Ismael

    Hi,

    I’m sorry but what you’re after is beyond the scope of support but you can start with the following css modifications.

    .av_seperator_small_border .av-main-nav > li:first-child > a > .avia-menu-text {
    border-left: none;
    display: block;
}

.av_seperator_small_border .av-main-nav > li > a > .avia-menu-text i {
    display: block;
    text-align: center;
}

.html_header_top .av_bottom_nav_header #header_main_alternate .main_menu ul:first-child > li > a {
    height: 82px;
    line-height: 82px;
}

.av_seperator_small_border .av-main-nav > li > a > .avia-menu-text i {
    display: block;
    text-align: center;
    width: auto;
    height: 32px;
    top: 20px;
    position: relative;
}

    Best regards,
    Ismael

    October 7, 2017 at 8:07 am #861331
    KingFilly

    Hi Ismael,

    thank you for your help. I added your code and i managed to change the height of the atternate menu container. but now it looks pretty broken. Only the Home title and icon looks ok. I understand that what im asking is a bit beyond scope, but i think we arent far from what i’m trying to accomplish. I only nog need to center the icons above the menu titels, same as home. Hope you can help me out a bit more.

    Regards, Fiilp

    October 9, 2017 at 7:56 am #861770
    Ismael

    Hi,

    Please add the following css code to fix one of the issue.

    .av_seperator_small_border .av-main-nav > li > a > .avia-menu-text {
    display: block;
}

    Screenshot: https://imgur.com/a/egOZc

    Best regards,
    Ismael

    October 20, 2017 at 3:28 pm #866730
    KingFilly

    Thank you for reply Ismael. I decided to go for another menu design. thanks for the effort. you can close this thread now.

    October 20, 2017 at 3:38 pm #866738
    Jordan Shannon

    Hi,

    If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Some help with CSS adjustments in header / menu’ is closed to new replies.