Livemesh Support

Support forum for WordPress Themes and Plugins by LiveMesh

Skip to content
  • Support Forums
  • Knowledge Base – FAQ
  • Register for Support
  • Login
  • Password Reset

Site Logo and Top Menu Responsive

Support Forums for LiveMesh Themes & Plugins › Forums › Enigmatic Theme Support › Site Logo and Top Menu Responsive

Tagged: logo, menu, responsive

  • This topic has 6 replies, 2 voices, and was last updated 7 years, 12 months ago by Anvilhasquestionsanvilhasquestions.
Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • February 2, 2015 at 11:13 pm #12116
    Anvilhasquestionsanvilhasquestions
    Member

    Hi there,
    I have set up a boxed-layout site with this theme and am going back through to clean it up. I have noticed that when you make your browser window skinnier, the top menu overlaps the site logo. It doesn’t turn into a drop down menu until the menu itself reaches the left side of the boxed layout. is there a way to fix this?

    February 2, 2015 at 11:14 pm #12117
    Anvilhasquestionsanvilhasquestions
    Member
    This reply has been marked as private.
    February 2, 2015 at 11:48 pm #12118
    Anvilhasquestionsanvilhasquestions
    Member

    Also, in mobile or a very skinny browser window, the logo does not scale at all and instead breaks outside of the boxed layout.

    February 3, 2015 at 9:48 am #12125
    VeenaVeena
    Moderator

    Pls include the below custom CSS in themeoptions –

    @media only screen and (max-width: 1200px)
    {
    primary-menu {
    display: none;
    }}
    @media only screen and (max-width: 1200px)
    {
    #mobile-menu-toggle {
    display: block;
    }}
    
    February 3, 2015 at 5:46 pm #12135
    Anvilhasquestionsanvilhasquestions
    Member
    This reply has been marked as private.
    February 4, 2015 at 2:59 pm #12154
    VeenaVeena
    Moderator

    Pls ignore the previous custom CSS and include the following custom CSS in themeoptions –

    @media only screen and (max-width: 1200px)
    {
    #primary-menu {
    display: none;
    }}
    @media only screen and (max-width: 1200px)
    {
    #mobile-menu {
    display: block;
    }}
    @media only screen and (max-width: 1200px)
    {
    #mobile-menu-toggle {
    display: block;
    }}
    @media only screen and (max-width: 479px)
    {
    #site-title a, #sticky-site-title a {
    background-size: contain;
    width: 60% !important;
    }}
    @media only screen and (max-width: 479px)
    {
    #mobile-menu-toggle {
    top: 60px;
    }}
    
    February 4, 2015 at 4:59 pm #12155
    Anvilhasquestionsanvilhasquestions
    Member

    This worked. Thank you so much for your help!

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Site Logo and Top Menu Responsive’ is closed to new replies.

Our Themes

Tags

  • agile
  • appdev
  • austin
  • blog
  • contact form
  • css
  • demo
  • error
  • extinct
  • font
  • fonts
  • footer
  • gallery
  • header
  • home page
  • icons
  • images
  • install
  • installation
  • invent
  • lightbox
  • logo
  • menu
  • mobile
  • navigation
  • page sections
  • peak
  • portfolio
  • primary menu
  • responsive
  • revolution slider
  • setup
  • shortcode
  • shortcodes
  • sidebar
  • slider
  • social icons
  • tabs
  • testimonials
  • theme
  • update
  • video
  • visual composer
  • widget
  • woocommerce
Proudly powered by WordPress