Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #375495

    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

    #375520

    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

    #376401

    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

    #377359

    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

    #379120

    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

    #379162

    @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

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