Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • April 14, 2014 at 10:09 am #250969
    MeisDesign

    Hi Kriesi-Team,

    is there a way to use the main menu in all layouts, even if the theme is viewed on mobile devices?
    We don’t want the mobile menu to show up instead of the main menu, because our navigation consists just of so few menu-items that it fits even on mobile-devices, and so we’d like to force the theme to show consistently the menu like it is in desktop-resolution.

    Can you help us out with a work-around or any kind of fix?

    Many thanks in advance

    April 14, 2014 at 2:38 pm #251080
    Yigit

    Hi MeisDesign!

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

    @media only screen and (max-width: 767px) {
.container #advanced_menu_toggle, #advanced_menu_hide {
display: none!important;
}
.main_menu, #header_main_alternate, .responsive #header .main_menu ul {
display: block;
}
}

    If that does not work, please post the link to your website so we can take a look

    Best regards,
    Yigit

    April 16, 2014 at 10:20 am #252011
    MeisDesign

    Hi Kriesi-Team,

    works so far quiet good, thank you very much.
    We are also using in the header main menu the following css

    .header_bg {
    background: rgba(255, 255, 255, 0) !important;
    }

    so that the background, that is in default white color is invisible and only the “buttons” appear visible.

    On the responsive versions, when viewed on iPad or iPhone the default white background is visible again.
    Is there a work around so that we would achieve to have the same transparent background like on desktop as described above?

    Thanks in advance
    Meis-Design

    April 16, 2014 at 3:04 pm #252126
    Yigit

    Hey!

    Can you post the link to your website so we can take a look?

    Regards,
    Yigit

    April 17, 2014 at 11:05 am #252571
    MeisDesign
    This reply has been marked as private.
    April 17, 2014 at 5:46 pm #252812
    Yigit

    Hey!

    Please add following code to Quick CSS as well

    @media only screen and (max-width: 990px) { 
#main {
margin-top: -88px;
}}

    Please update Enfold to the latest version 2.6.4 – http://kriesi.at/documentation/enfold/updating-your-theme-files/
    It gives you more control over header options as well. You may not need to use custom CSS

    Best regards,
    Yigit

    • This reply was modified 10 years, 8 months ago by Yigit.
    May 15, 2014 at 1:10 pm #265266
    MeisDesign
    This reply has been marked as private.
    May 16, 2014 at 4:58 am #265706
    Ismael

    Hi!

    Thank you for the screenshots.

    I checked the website but it is on maintenance mode. If possible, translate your inquiry to english so that the theme support member can understand it better.

    Best regards,
    Ismael

    May 16, 2014 at 10:19 am #265751
    MeisDesign
    This reply has been marked as private.
    May 19, 2014 at 4:35 pm #266831
    Yigit

    Hey!

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

    @media only screen and (max-width: 990px) {
.html_header_top.html_header_sticky #header {
position: relative;
}}

    Best regards,
    Yigit

    May 20, 2014 at 4:17 pm #267350
    MeisDesign

    Awesome support!
    Thanks so much,
    works fine ;)

    Best regards
    MeisDesign

    May 20, 2014 at 4:20 pm #267353
    Yigit

    Hey!

    You are welcome, glad we could help! :)

    Cheers!
    Yigit

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Using main menu in mobile site-layout instead of mobile menu’ is closed to new replies.