Tagged: 

Viewing 17 posts - 1 through 17 (of 17 total)
  • Author
    Posts
  • #242681

    Hi,

    I have tried to use the quick css to make the menu smaller, but it doesn’t seem to work.

    .main_menu ul:first-child>li>a {
    font-size: 11px;
    }

    http://www.peragoortopedklinik.se

    #242708

    Hi mikaelsv!

    Please add following code to Quick CSS in Enfold theme options under Styling tab and adjust as needed

    span.avia-menu-text { font-size: inherit; }
    .av-main-nav > li > a { font-size: 11px !important; }

    Cheers!
    Yigit

    #249439

    Hey there!
    I would like to shift the top navigation down closer to the bottom of the container. Could you send along the css?

    #249441

    Hey!

    Can you post the link to your website?

    Best regards,
    Yigit

    #249443
    This reply has been marked as private.
    #249447

    Hey!

    Please add following code to Quick CSS in Enfold theme options under Styling tab

    #header_main .container, .main_menu ul:first-child > li a {
    line-height: 300px;
    }

    Best regards,
    Yigit

    #249451

    Thanks, tho I did try that and nothing happens. I do not see a conflict, but here is what I have in the quick css so far:

    .header_color .container_wrap_meta {
    background: #a81010;
    }
    .header_color .phone-info, .header_color .phone-info a, .header_color .av-sort-by-term a {
    color: #FFF;
    }
    .header_color .social_bookmarks a {
    color: #FFF;
    }
    .rpwe-block h3 {
    background: none!important;
    clear: none;
    margin-bottom: 0!important;
    margin-top: 0!important;
    font-weight: bold;
    font-size: 12px!important;
    line-height: 1.5em;
    color: #a81010;
    }
    .whitequote {
    size:20px;
    line-height: 1.5em;
    }
    .entry-content-wrapper li {
    margin-left: 0;
    }
    #socialmedia-container {
    padding-left: 0px;
    }
    #avia-menu > li > a {
    font-family: ‘Open Sans’;
    font-size: 16px !important;
    color: #444444 !important;
    }
    #avia-menu > li > a:hover{
    color: #a81010 !important;
    background: #e1e1e1;
    }

    #avia-menu .sub-menu a{
    font-family: ‘Open Sans’;
    font-size: 15px;
    color: #a81010;
    background-color: #fff;
    }

    #avia-menu .sub-menu a:hover{
    color: #cc4400;
    text-decoration: underline;
    }
    #header_main .container, .main_menu ul:first-child > li a {
    line-height: 300px;
    }

    #249457

    Hey!

    Please try adding !important rule as following

    #header_main .container, .main_menu ul:first-child > li a {
    line-height: 300px !important;
    }

    Cheers!
    Yigit

    #249461

    Excellent, that works! Thanks again. BTW do you know how I could replace that whole top nav which we just moved down with a tagline (i.e., NO menu there, just text)?

    #249464

    Or, instead of removing the nav, have a text tagline above it?

    #249466

    Hey!

    You can add following code to Quick CSS to disable menu links

    .main_menu { pointer-events: none; }

    Then go to Apperance > Menus and add a new link with the title you would like to use

    Cheers!
    Yigit

    #249469

    Thanks again. The sub nav is now spaced at 300px : )

    #header_main .container, .main_menu ul:first-child > li a {
    line-height: 300px !important;
    }

    I fixed it with this:
    #avia-menu .sub-menu a{
    line-height: 18px !important;
    }

    Is this correct / best way?

    #249471

    Hey!

    Yes it does look good now :) Do you have any other questions or issues or shall we mark the thread as resolved now?

    Regards,
    Yigit

    #249472

    Just two more questions if I could : )

    Is there any way to put text or an image or a newsletter login in the white space above the nav?

    and

    For the nav, it is now set to have a gray background on hover — is there anyway to keep this on the 3 text items but remove it on the search icon at the end?

    #avia-menu > li > a:hover{
    background: #e1e1e1;
    }

    #249475

    Hey!

    Please add following code to Quick CSS as well

    #top #menu-item-search.menu-item-search-dropdown>a:hover {
    background-color: transparent!important;
    }

    You can go to Enfold theme options > Header > Extra elements > Header Phone Number/Extra Info and add your text or link there manually

    Regards,
    Yigit

    #249477

    Thanks! Is there any way to add text/image in the actual nav/header area about 10-20px about the nav itself?

    #249479

    Hey!

    You can upload background image to header in Enfold theme options > Styling > Header

    Best regards,
    Yigit

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