Menu Bar and Header size

  • Resolved thehoneypress

    (@thehoneypress)


    9 years, 7 months ago

    This is my first website and I think the Optimizer theme is brilliant and so simple to use for someone like me who hasn’t set up a website before. I’ve worked most things out now but I’m struggling on a couple of things:

    On my Home Page I’ve set up my Header as transparent so I don’t see the black bar and it looks great but the menu appears as an icon and I’d rather it appeared listed as my header space looks quite empty without any text. It shows up when I view it on my MacBookPro but on the iPad the menu is an icon – this is perfect on a mobile device but I would prefer the text to be viewed on an iPad. Is there an easy way to change this?

    Also is there a way of reducing the side of the Header on each page – again as it is transparent I end up with my page content starting further down the page with a considerable gap between my company name at the top and my page content.

    I hope this makes sense!

    Many thanks.

Viewing 6 replies - 1 through 6 (of 6 total)
  • Theme Author OptimizerWP

    (@layerthemes)

    Hi thehoneypress

    If you are on a touchscreen device, the default menu is changed to mobile menu for better user experience. If you try on another non-touch device you will notice that the icon is not there ??

    But if you want to disable this, insert this CSS in Appearance -> Customize -> Miscellaneous -> Custom Code -> Custom CSS

    @media screen and (min-width: 1024px){
.touchon #topmenu{ display:block!important;}
.touchon #simple-menu{ display:none!important;}
}

    Thanks

    Thread Starter thehoneypress

    (@thehoneypress)

    That’s brilliant. Thanks so much for the help with this. I’ve added the code and the menu titles appears but without the drop down titles and selection bar. When I click on a Menu heading the pages aren’t loading properly. Is this something that could be changed?

    With regards to the page header, I found a previous thread were you stated to insert:
    .page_head.has_cat_desc {min-height: 90px !important;}
    I’ve done this but it doesn’t appear to change anything.

    Your help is greatly appreciated. Many thanks
    The Honey Press

    Theme Author OptimizerWP

    (@layerthemes)

    Whats your site address?

    Thread Starter thehoneypress

    (@thehoneypress)

    thehoneypress.co.uk

    Thanks

    Theme Author OptimizerWP

    (@layerthemes)

    Hi,

    1. Sorry. You cannot have submenu when you display all the menu items in mobile. Hopefully we will add a new menu layout for mobile in future version. ??

    2. Try adding this to your Custom CSS:

    .page_head .pagetitle_wrap{margin-bottom: 0;}
.page_head{ min-height: initial;}

    Regards

    Thread Starter thehoneypress

    (@thehoneypress)

    Thanks so much for your help.

    Kind regards
    The Honey Press

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Menu Bar and Header size’ is closed to new replies.