Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • April 14, 2016 at 11:02 am #613684
    dizaina_studija_teika

    Hello,
    I have problem with logo and menu, You can see Image. Maybe someone can send css for this problem ?

    Best regard, Kristaps

    April 14, 2016 at 11:21 am #613695
    begrafiks

    Hi @dizaina_studija_teika ;

    I’ve tried on my end but couldn’t find a solution with css because tere are too many characters.
    I think it would be better for you to re-organize your menu ;

    University
    Studies
    > Degree Studies
    >> Bachelors Studies
    >> Master Studies
    >> …..
    >> …..
    >> …..
    > Exchange Studies
    >> Cours List 2016/2017
    > Shirt-Term Studies
    >> Foundation courses
    >> …..
    >> …..
    >> …..
    Practical Matters
    Contact

    You can find more information about “Craeting Mega Menu” here :”Mega Menu“

    April 14, 2016 at 12:25 pm #613752
    Yigit

    Labdien!

    I agree with @begrafiks. Please also refer to this post – http://kriesi.at/documentation/enfold/menu-overlaps-logo-on-tablets/ and if that does not help, please see – http://kriesi.at/documentation/enfold/switching-to-mobile-menu-on-higher-resolutions/

    @begrafiks     thanks for your input :)

    Best regards,
    Yigit

    April 14, 2016 at 12:41 pm #613784
    dizaina_studija_teika

    Thanks for help, but it doesn’t help.
    Maybe need to create logo and menu both “div” blocks ? One float from left, second float from right ? And position relative ?

    April 14, 2016 at 12:43 pm #613789
    Yigit

    Hi!

    You can go to Enfold theme options > Header and change the style of the header or you can try adding following code to Quick CSS in Enfold theme options under General Styling tab

    .container.av-logo-container {
    padding: 0;
    margin: 0 2%;
    max-width: 96%;
}

    Cheers!
    Yigit

    April 14, 2016 at 12:46 pm #613793
    dizaina_studija_teika

    Now there are Your CSS, You can see the result. I don’t take off.
    Don’t work.

    April 14, 2016 at 1:40 pm #613855
    Vinay

    Hey!

    Please add the below code in Enfold > General Styling > Quick CSS

    The below code triggers the mobile menu just before the main menu overlaps the logo at about when the screen is 1250px wide.

    
@media only screen and (max-width: 1250px) {
nav.main_menu {display:none !important;}
#advanced_menu_toggle, #advanced_menu_hide {display:block !important; }
}

    Regards,
    Vinay

    April 14, 2016 at 4:22 pm #614072
    dizaina_studija_teika

    I made different, logo top and menu above, thats better. Next problem, Display in main header area social icons, but in some PC they are dissapeared. At my PC all works fine. In picture can see, that at one PC don’t see social icons, but at my PC are visible.
    Picture

    April 15, 2016 at 12:00 am #614366
    begrafiks

    Hi @dizaina_studija_teika ;
    on my end I can see your social icons (PC – Chrome and Firefox)

    April 15, 2016 at 6:49 am #614574
    dizaina_studija_teika

    On my 22′ monitor also I see at both browsers. That problem is on bigger monitors like 24′ or 27′, but only at chrome.

    April 15, 2016 at 10:01 am #614679
    begrafiks

    Hi @dizaina_studija_teika ;
    on my end I can see your social icons (Mac – 24′ – Chrome, Safari and Firefox)

    I, usually, use this site to check

    April 18, 2016 at 11:09 am #616258
    Andy

    Hi!

    are you using any caching? if yes deactivate it. Clear browser cache and hard refresh a few times.

    Cheers!
    Andy

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