Okay
  Public Ticket #889538
How can I size the logo on mobile properly?
Closed

Comments

  •  2
    Sterling started the conversation

    LOVE LEVEL UP!!!

    We are hoping to release his new site tomm n I can't find how to adjust the mobile menu size, its spilling into the menu as you can see, but we like the size on desk/laptop.   

    Big Thanks for your total awesomeness!

    -Sterling

  •  142
    Alexander - support replied

    Hi Sterling,

    1) below is the code with the help of which you may change the logo size

    @media screen and (max-width: 992px) {
      .main-logo .logo-holder {
          max-height: 30px !important;
          line-height: 30px;
      }
    }

    Other settings will be available in the new updates.


    2) As to ‘About Pier LEVELUP’ in that case animation is on column (Floating Column) where the photo is. (see the attached image)


  •  2
    Sterling replied

    AWESOME SAUCE Alexander!! Big thnks

  •  2
    Sterling replied

    Oh one more thing, how can I alter color of white mobile header? Aplgz I have no css skills but am learning some finally!

  •  142
    Alexander - support replied

    Hi, for change mobile header color use custom CSS.

    @media only screen and (max-width: 992px) {
        #header {
            background-color: #fff;
        }
    }
  •  2
    Sterling replied

    hmmm yeah that didn't work sir... I tried firebug but couldn't figure out what may have been off (#7C8386 trying to make the mobile header grey)

    BIG UPS BIG A!

  •  142
    Alexander - support replied

    Hi, Please remove text from code "Hi, for change mobile header color use custom CSS."

    @media screen and (max-width: 992px) {
      .main-logo .logo-holder {
          max-height: 30px !important;
          line-height: 30px;
      }
    }
    >>>>>>>>>>>> Hi, for change mobile header color use custom CSS. <<<<<<<<<<<<<
    
    @media only screen and (max-width: 992px) {
        #header {
            background-color: #7C8386;
        }
    }
    
  •  2
    Sterling replied

    Total AWESOMESAUCE!

    by the way originally we were going to start with this demo insanity http://puzzlerbox.com/levelup/home-product/ this for the foundation for his site but realized it wasn't in the Demo Import options, would be cool if that was with the others, just sayin

    if ever I can do anything for you Alexander just Hollaaaaa!

  •  142
    Alexander - support replied

    Hi Sterling, 

    Actually http://puzzlerbox.com/levelup/home-product/ is in import, but that is the HomePage which is in Main Demo, below I will describe how it could be imported without importing all sizeable Main Demo with the help of Selected Import functional.

    Go to the tab Import Demo -> choose the media files which will be downloading while import (Placeholders are selected by defaults), after this in Selective Import of Main Demo in the column Pages find Home – Product, mark, you may also mark other pages for import if necessary. After that please press the button Selective Import.

    Example Look the image on the link https://www.dropbox.com/s/gyhph826o5hk213/import.png?dl=0


    Cheers

  •  2
    Sterling replied

    Yooo G Money!   Just few final things trying to finish our awesome LevelUP site in the next few days:

     AdamPiandes.com and just a few things I can't figure out, is it possible to have as in screenshot Logo and copyright left bottom footer, social icons in the center, and a footer menu to the right, all on same bottom line? And how do I removed that bottom white space area in screenshot...?

    Also Gregor, I can't find where to control color of buttons for Blog embed on front page? There is no Red color like this in any of the color options for the site    THNKS http://adampiandes.com

    BIG UPS Man #YOUROCK100!

  •  142
    Alexander - support replied

    Hi Sterling, 

    Social icons may be setup in Copyright Area only from the right side. Enter the settings the tab Footer – found section Social Icons and there the setting Social Icons inline with copyright text. 

    Footer menu may be inserted with the help of Main Footer Area 

    As to buttons "Read More", what the element is that? Could you please provide the link where I can see that? 

    As to the bottom white space area, please provide access to WP admin, we check this issue.


    Regards

  •   Sterling replied privately
  •  142
    Alexander - support replied

    Hi,

    You can change the extra Footer space, custom CSS, check css code below:

    .scroll-top {
        margin-top: 120px !important;
        margin-bottom: 100px !important;
    }
    
  •  2
    Sterling replied

    except for one final tweak We're DONE with our awesome LEVELUP Site! One last thing Sir Alexander, the Blog is not showing on the home page (think that's why you mentioned before you didn't see)  No matter what I do, it shows subtle loading bubbles but no posts or content will show... can you look at this final issue pls?http://www.adampiandes.com/home/(just above bottom email signup) My client is BLOWN AWAY at how I (we) created a site 5x better than he anticipated!

    YOUROCK!$

  •  142
    Alexander - support replied

    Hi,

    I see 500 error in ajax request for get blog posts. We need access to your Admin and FTP to check detail this issue.

    As for your previous question about Post Grid button style, you can use custom CSS:

    .vc_btn3.vc_btn3-color-juicy-pink, 
    .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat {
        color: #fff;
        background-color: #F4524D;
    }
  •  2
    Sterling replied

    Thnks, will save these notes and css Alexander (we created a diff setup for his release but will prob change later) so BIG UPS for all man!!

    was checkin out your awesome demos again and just curious, how did you make this slider? http://puzzlerbox.com/levelup/home-classic-agency/ very cool with fade dark overlay for light text!

  •  142
    Alexander - support replied

    Hi Sterling, 

    I attached to the ticket export of this slider,  you may import (Revolution Slider) and see how everything is set.

    Cheers

  •  2
    sterlingwilliam replied

    Hey Alexander!

    Don't want to bother you for this lil thing but I can't figure out (I'm not very good at css) Just trying to figure out how to control the color of the mobile menu icon. I see in LevelUp setting the mobile header background color pick option but none for the hamburger menu icon (maybe would be good to have in options?)  Do you know the css maybe (thought maybe was color:whtie; but didn't work)?

    and thanks for cool slider zip!

    BIG UPS 

  •  142
    Alexander - support replied

    Hi Sterling,

    Use custom css for your issue.

    @media only screen and (max-width: 992px) {
    #header #menu-toggle li {
        background-color: #ff0000 !important;
    }
    }
    

    Regards


  •  2
    sterlingwilliam replied

    Wooo hoooo You are #THEMAN Sir!  

    BEST all ways forward

    -Sterling

  • [deleted] replied

    Hello sterlingwilliam,

    You're welcome.

    Regards.

  •  2
    mochador replied

    Hi! i've the same problem, im trying to put my logo bigger in mobile header but i can't.

    i tried with the css you gave to sterlingwilliam but probably im doing something wrong.

    thanks a lot!

  •  142
    Alexander - support replied

    Hi mochador,

    Use custom css for change mobile logo height.

    @media screen and (max-width: 992px) {
    .main-logo .logo-holder {
        height: 40px !important;
        line-height: 40px!important;
    }
    }
    

    Regards

  •  2
    mochador replied

    Thanks so much!! it works perfectly!

    Regards.