Increase site title margin on mobile site

  • Resolved siouxchief

    (@siouxchief)


    6 years, 4 months ago

    Hi,

    On the website I am working on the words Think32 of my title on the mobile version is too close to my Welcome text and wherever I try to add a bottom margin amount to create more blue under Think32 it doesn’t work. Site looks correct on a pc but not great on mobile.

    https://www.think32.eu

    Any help would be appreciated to increase the gap under Think32.

    Thanks

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)

  • a custom solution like this would work just fine :
    @media screen and (min-width:300px and max-width:1024px )
    .site-header-wrapper{
    padding: 36px;
    }
    }

    or just add
    .site-header-wrapper{
    padding: 36px;
    }

    Thread Starter siouxchief

    (@siouxchief)

    Fabulous, that worked. Thanks very much. Very happy ??

    Thread Starter siouxchief

    (@siouxchief)

    Sorry to trouble you one more time but any idea how to reduce the space around the site title ‘Think32’ without messing up the mobile version also please? Think this is the final piece of the jigsaw but at the moment there is way too much blue border around the title.

    If I do this it looks okay on a PC but wrong on mobile.

    .site-header-wrapper {
    padding: 20px;
    margin-top: -20px;}

    Kind regards

    • This reply was modified 6 years, 4 months ago by siouxchief.

    Hi siouxchief,

    you can actually use the same method medlemark showed you above:

    @media screen and (min-width:782px) {
.site-header-wrapper {
padding: 20px;
margin-top: -20px;
}
}

    This applies the rule you used to all devices with a screen wider than 782px. You can change this number to whatever fits you, but this should prevent the rule from messing up the view on all mobile screens including tablets.

    Best,
    Pirmin

    • This reply was modified 6 years, 4 months ago by flashbash.
    • This reply was modified 6 years, 4 months ago by flashbash.
Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Increase site title margin on mobile site’ is closed to new replies.