Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • May 30, 2014 at 12:16 pm #272353
    arconics

    Hi there!

    I was wondering if you could give me some advice. I’m using enfold theme with the double menu header option. For this site I need the main menu to be displayed at the very top and a submenu to be displayed underneath for the products page. I’m using Zen Menu Logic plugin to select different menus for the different products.

    My issue is on mobile devices. Is there a way to optimise the top menu for smaller screen sizes?

    You can view the website here to see the problem (It might not be the latest version – waiting for DNS to update):
    http://www.arconics.com/aerodocstest/

    Please ask me any questions if I didn’t make mush sen
    Many thanks for your help!

    Aurora

    May 30, 2014 at 5:16 pm #272484
    Yigit

    Hi arconics!

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

    @media only screen and (max-width: 480px) {
#header_meta {
height: 100px; }
.responsive #header_meta .sub_menu>ul>li {
padding: 0 7px; }}

    Cheers!
    Yigit

    June 3, 2014 at 11:10 am #273810
    arconics

    Hi Yigit,

    Thanks for your response, I’ve tried adding the code you suggest but the menu still behaves in the same way as before. Would you mind having another look?

    Many thanks!
    Aurora

    June 3, 2014 at 11:48 am #273816
    Yigit

    Hey!

    Code is not being applied, please try adding it to custom.css file inside Enfold/css folder

    Cheers!
    Yigit

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