Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • October 25, 2017 at 9:18 am #868615
    KingFilly

    Hi there,

    I would like to move my subtext (subtitle) closer to my logo. So the subtitle is shown right underneath the logo with a small space

    I tried to use this code, but it doesn’t seem to work:
    .subtext {
    margin-top: -30px;
    }

    What am i doing wrong?

    • This topic was modified 7 years, 1 month ago by KingFilly.
    October 25, 2017 at 5:33 pm #868839
    Victoria

    Hey KingFilly,

    Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?

    Best regards,
    Victoria

    October 30, 2017 at 3:02 pm #870490
    KingFilly

    Hi Victoria,

    thank you for your reply. I rather don’t give an admin login.
    I tried it another solution:

    I added a text widget to the header.
    The only problem now is that it is not reponsive and moves on a screen that is smalller than 1310px. (Mobile and tablet)

    Can you provide me the right CSS code for this?

    Hope to hear from you soon!

    November 1, 2017 at 6:14 am #871074
    Rikard

    Hi,

    Please try this CSS instead of what you are using now:

    #header .widget {
    left: 0px;
    padding-top: 22px;
    position: absolute;
    top: 0;
    transform: translate(-0%);
    z-index: 999;
}

    Best regards,
    Rikard

    November 1, 2017 at 10:25 am #871131
    KingFilly

    Hi Rikard,

    thank you for your reply. This almost works.
    How can i change the font size for mobile screen online?
    It now breaks up the text line…
    And can i add a small spacing between logo en subtitle on mediascreen only?
    It now automatically decreases the space.

    November 1, 2017 at 2:58 pm #871259
    Rikard

    Hi,

    Try replacing the previous CSS with this:

    #header .widget {
    left: 0px;
    padding-top: 25px;
    position: absolute;
    top: 0;
    transform: translate(-0%);
    z-index: 999;
}

@media only screen and (max-width: 767px) {
#header .widget * {
  font-size:12px;
}
}

    Best regards,
    Rikard

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.