Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • January 6, 2015 at 7:57 am #375495
    millertimesites

    Have been playing around with this site (http://02e.404.myftpupload.com/) and got the phone number where I want it but the logo just isn’t loading correctly.
    Put in this quick css code, but the header is not letting the logo go beyond 88px in height even though it is stretching the width
    .logo img {height: 118px; width: 400px;}
    Used this for the phone number placement
    div.phone-info {position: relative; top: 15px; left: 0%;} .phone-info span { font-size: 24px; color:black; }

    I would want it to shrink down to 300×100 when the screen is small so the phone number can slide over the top on, but for everything above a 700px screen I want the logo to be the full 400×118.

    Thanks a ton in advance
    Jon

    January 6, 2015 at 9:27 am #375520
    Yigit

    Hey Jon!

    Please wrap your code with media queries as following

    @media only screen and (min-width: 700px) {
.logo img {height: 118px; width: 400px;}}

    So it will be applied only on screens bigger than 700px

    Regards,
    Yigit

    January 7, 2015 at 8:16 pm #376401
    millertimesites

    Yigit,
    Thanks worked great. It still restricts the logo in height to 88px.
    I assume this is because the theme will not stretch logo outside the menu area and over the top bar?
    Is there a way to get the logo to stay anchored where it is but stretch up further on desktop view?
    The only way I have found is to make the entire menu/header taller which is not what I have been trying.
    Thanks
    Jon

    January 9, 2015 at 2:52 pm #377359
    Yigit

    Hey!

    Please add following code to Quick CSS as well

    strong.logo {
top: -25px;
}

    If that does not help, please post a screenshot and show the changes you would like to make. You can upload your screenshots on imgur.com or Dropbox public folder and post the links here.

    Regards,
    Yigit

    January 13, 2015 at 9:20 pm #379120
    Aljoscha23

    Hi millertimesites,

    sorry for being off topic. I came across your other post: https://kriesi.at/support/topic/how-can-i-add-text-editing-options-advanced-layout-editor/ and was wondering, if you could share your work around as I’m having the same issue.

    Best regards, Aljoscha

    January 13, 2015 at 10:55 pm #379162
    millertimesites

    @Ajoscha23
    I used the plugin TinyMCE Advanced. You download in the plugin area and activate.
    Then under Settings > TinyMCE you will be able to drag and drop more options into the toggle bar.
    After adding these options you will be able to access all of them while under the Visual Editor (not text/html) inside text blocks.
    If you don’t see all of your new options you need to click on the toggle icon to expand it which looks like two horizontal bars with dots on them.
    Hope that helps, it took me forever to figure it out even though it is simple.
    Jon

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Increase Logo Height Before Mobile Menu d’ is closed to new replies.