Tagged: ,

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #856503

    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!

    #856731

    Hope you guys can help me out soonish! :)

    #857142

    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

    #857155

    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.

    #857483

    Any help guys?

    #857811

    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

    #858207

    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!

    #858420

    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

    #861331

    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

    #861770

    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

    #866730

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

    #866738

    Hi,

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

    Best regards,
    Jordan Shannon

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