Tagged: ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #399733

    Hi there,
    thanks again for this great theme, I bought it now second time :)

    Well, today I like to know how can I change the main menu style. I simply can´t find a way to do that it.

    a) I like the logo on the left side and the menu stretched on the full side with maybe the same size of the individual items.
    b) is it possible to get the borders only around the menu, not the full side
    c) where can I change the background-color of the menu
    d) and last but not least: I like to change the hight of the menu, the font and the font size.
    e) how can I add icons at the menu – points

    I’m sorry for the many questions

    Thanks
    Best regards

    Andreas

    • This topic was modified 9 years, 10 months ago by a-l-p.
    #400217

    Hi a-l-p!

    please post a link to your website, so we can see what you mean.

    a) menu should be on the left side by default. Where is your logo right now? However you can set it with this to the left:

    .html_header_top.html_logo_center .logo {
    left: 15%;
    }
    

    Adjust “15” as needed.

    b) I have no idea what you mean. Please show me the link to your website or at least some screenshots (imgur.com)

    c) Try this code:

    .html_header_top.html_logo_center .main_menu ul:first-child {
    background: red;
    }
    

    d) Use this code for font size and font family:

    .html_header_top.html_bottom_nav_header .main_menu ul:first-child>li a {
    font-size: 18px !important;
    font-family: Georgia;
    }
    

    Height of the menu:

    .html_header_top.html_logo_center .main_menu ul:first-child {
    margin-top: 20px;
    }
    

    e) I don’t think you can add any icons to the menu points. For this you would need to hire a freelancer.

    Regards,
    Andy

    #400702
    This reply has been marked as private.
    #400707

    Hi Andreas

    Can you post the link to your website please?

    Best regards,
    Yigit

    #400744
    This reply has been marked as private.
    #401206

    Hey Andreas!

    Please try the following code for a border around the menu:

    .html_header_top.html_logo_center .main_menu ul:first-child {
    border: 1px solid #ddd !important;
    }

    Regards,
    Rikard

    #401327
    This reply has been marked as private.
    #401856

    Hey!

    Great, glad we could help :)

    Best regards,
    Rikard

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Main Menu Styling’ is closed to new replies.