Viewing 18 posts - 1 through 18 (of 18 total)
  • Author
    Posts
  • #173138

    I tried the same described in this post:

    http://www.kriesi.at/support/topic/menu-with-logo-above-content/

    …but only the logo i changing. I tried in custom css and in quick css.

    I use a child theme and have the small fixed header version.
    the page is http://holidaymarketing.de/
    What am i doing wrong?

    I also want to make the logo a bit bigger. How to do that?

    Thanks in advance!

    • This topic was modified 9 months, 3 weeks ago by  simonac.
    #173409

    Hi simonac!

    You didn’t add the menu position:

    div.main_menu { right: 34.5%; top: 57%; }

    Before you insert the logo image, you can select which size you want. Please upload the logo image again.

    Cheers!
    Ismael

    #173499

    Hi Ismael,

    thanks for answering.

    thats the code i put in… But the menu is still on the right.

    body { font-size: 14px !important; }
    strong.logo { left: 40%; }
    #header_main { padding-bottom: 34px; }
    .current-menu-item>a>.avia-menu-fx { display: none;}
    div.main_menu { right: 34.5%; top: 57%; }

    #173560

    Hi!

    Please add the position: absolute property.

    div.main_menu { position: absolute; right: 34.5%; top: 57%; }

    Cheers!
    Ismael

    #173639

    Still the same….

    div.main_menu { position: absolute; right: 34.5%; top: 57%; }
    strong.logo { left: 40%; }
    #header_main { padding-bottom: 34px; }
    .fixed_header.social_header #main { padding-top: 181px; }
    .current-menu-item>a>.avia-menu-fx { display: none;}
    li:hover .avia-menu-fx { display: none; }
    .main_menu .menu ul { margin-top: -32px; }
    body { font-size: 14px !important; }

    #173974

    Hi!

    My bad! Please use this:

    nav.main_menu { position: absolute; right: 34.5%; top: 57%; }

    Remove browser cache then reload the page.

    Regards,
    Ismael

    #174331

    Thanks that worked.

    I decided for the other header design. Header with social Icons and bottom. But now the logo is getting smaller and the social icon is on the right center. How can i get the icon back to top left and the logo bigger like in the Fixed Header with social Icons and additional navigation.

    this is the code i use for center logo and give more space:

    strong.logo { left: 40%; }
    #header_main { padding-bottom: 34px; }

    …and how can i move the slider a little bit higher?

    • This reply was modified 9 months, 3 weeks ago by  simonac.
    #174503

    Hey!

    If you want to move the content higher, you can add a negative top margin on the main div.

    #main {
    margin-top: -20px;
    }

    Best regards,
    Ismael

    #174588

    Thanks for that,

    but how about my other question?

    Regards Simon

    #174774

    Hi!

    If you are talking about LayerSlider, please add following code to Quick CSS in Enfold theme options under Styling tab and adjust as desired

    .ls-wp-fullwidth-container { margin-top: -10px; }

    Cheers!
    Yigit

    #174997

    No,

    I decided for the other header design. Header with social Icons and bottom. But now the logo is getting smaller – I want it bigger! And the social icon is on the right center. How can i get the social icon back to top left and the logo bigger like in the Fixed Header with social Icons and additional navigation.
    Also i want the header close to the menu like in the other header example.

    See sceenshots .

    http://holidaymarketing.de/?attachment_id=2635

    http://holidaymarketing.de/?attachment_id=2634

    Regards,

    Simon

    #175537

    Hello!

    Use following css code to re-size the logo

    
    .bottom_nav_header.social_header #header_main .container {
    height: 156px;
    line-height: 156px;
    }
    

    Obviously you can use a different value for the height (i.e. 100px).

    You can change the social icon position with

    
    #header_main .social_bookmarks {
    right: auto;
    left: 0;
    }
    

    Cheers!
    Peter

    #175587

    Perfekt Peter!

    The last thing which is missing is this:

    I want the slider close to the menu like in the other header example.

    …just take a look at the screenshots i postet before.

    Thanks!

    #176219

    Hi!

    Can you please give us a link to this page? http://holidaymarketing.de/?attachment_id=2635

    This will move the content upwards:

    #main {
    margin-top: -20px;
    }

    Cheers!
    Ismael

    #176284

    That code broke the main content page…

    Here is the page you asked for:

    http://holidaymarketing.de/homepage/home-v4-small-slider/

    Only this slider should go a litle higher. Not the content at all on every page.

    Kind Regards,

    Simon

    #177826

    Hi Simon!

    Seems like you already customized it but if you have not, please add following code to Quick CSS and adjust as desired

    .home .content { padding-top: 0px; }

    Regards,
    Yigit

    #177828

    you already gave the answer in another threat:

    .content { padding-top: 50px; }
    #header_main_alternate { z-index: 2; }

    that worked out!

    #177830

    Hey!

    Thought it was unresolved :) Glad it worked out for you!

    Cheers!
    Yigit

Viewing 18 posts - 1 through 18 (of 18 total)

The topic ‘Menu with logo above content – Problem’ is closed to new replies.