Support » Theme: Dream Spa » Reducing sizes

  • Resolved nikolas27

    (@nikolas27)


    Hello.
    How can i reduce the height of the header, the footer and most importantly the height of the gap between the header and the first post on mobiles?

    Thank you very much in advance

Viewing 10 replies - 1 through 10 (of 10 total)
  • Hi nikolas27

    Thanks for getting in touch with us.

    Could you please share your website URL or screenshot so I can take a look and provide a proper solution.

    Thank you

    https://ibb.co/9gzqjxQ

    Hello,
    Thanks for your response.
    1) how can i reduce the height of the header?
    2)how can i reduce the gap (the white space) between the header and the first post?

    Thanks a lot in advance

    https://ibb.co/9gzqjxQ

    • This reply was modified 6 months, 3 weeks ago by  .

    Hi nikolas27

    Sorry for the inconvenience.

    I need your site URL then we can help you better.
    Because that screenshot was not helpful for us.

    Thanks

    Hello,
    The url is http://www.goingout.gr

    I would appriciate your help with the following tasks:
    1) Reducing the white space between the header and the “first post” on mobiles.
    2) Reducing the height of the header.

    Thanks a lot in advance 🙂

    Hello nikolas27

    To reduce the height of the header, Please add the following CSS code in custom CSS field (Theme dashboard -> Appearance -> Customize -> General settings -> Custom CSS Field.)

    body.blog #section { 
    	padding-top: 20px;
    }
    @media (max-width: 768px) {
    .navbar-brand {
        padding: 10px 0px;
    }
    .navbar-toggle {
        margin: 10px 15px 10px 0px;
    }
    }

    Change the value of the header height as per the need.

    Let me know if it works..!

    Thanks

    Hello, It worked like a charm.
    Thank you very much,
    All the best

    • This reply was modified 6 months, 2 weeks ago by  .

    Hi nikolas27

    I’m really glad to hear I was able to help. I hope you enjoy the Dream Spa theme.
    Please let me know if you have any other issues. We’re happy to help.

    If you are happy with our theme or help you can always provide us with a review here https://wordpress.org/support/theme/spasalon/reviews/#new-post

    Have a good day.

    Thank You.

    Hello again,
    The code above works on the main page only.
    How can i make this work on other pages too? for instance on post pages.
    Thanks a lot in advance

    Shahid Mansuri

    (@shahidmansuri123)

    Hi nikolas27

    Kindly create a separate thread for your another query then we can help you better. Because this thread has already resolved.

    Thanks

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Reducing sizes’ is closed to new replies.