Viewing 18 posts - 1 through 18 (of 18 total)
  • Author
    Posts
  • October 9, 2013 at 5:48 pm #173138
    simonac

    I tried the same described in this post:

    https://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 10 years, 6 months ago by simonac.
    October 10, 2013 at 5:15 am #173409
    Ismael

    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

    October 10, 2013 at 9:12 am #173499
    simonac

    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%; }

    October 10, 2013 at 1:32 pm #173560
    Ismael

    Hi!

    Please add the position: absolute property.

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

    Cheers!
    Ismael

    October 10, 2013 at 3:47 pm #173639
    simonac

    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; }

    October 11, 2013 at 5:17 am #173974
    Ismael

    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

    October 11, 2013 at 6:47 pm #174331
    simonac

    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 10 years, 6 months ago by simonac.
    October 12, 2013 at 7:25 am #174503
    Ismael

    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

    October 12, 2013 at 1:46 pm #174588
    simonac

    Thanks for that,

    but how about my other question?

    Regards Simon

    October 13, 2013 at 3:16 pm #174774
    Yigit

    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

    October 14, 2013 at 10:14 am #174997
    simonac

    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

    October 15, 2013 at 10:10 am #175537
    Dude

    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

    October 15, 2013 at 12:29 pm #175587
    simonac

    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!

    October 16, 2013 at 5:54 am #176219
    Ismael

    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

    October 16, 2013 at 9:28 am #176284
    simonac

    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

    October 19, 2013 at 11:59 am #177826
    Yigit

    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

    October 19, 2013 at 12:01 pm #177828
    simonac

    you already gave the answer in another threat:

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

    that worked out!

    October 19, 2013 at 12:06 pm #177830
    Yigit

    Hey!

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

    Cheers!
    Yigit

  • Author
    Posts
Viewing 18 posts - 1 through 18 (of 18 total)
  • The topic ‘Menu with logo above content – Problem’ is closed to new replies.