Viewing 17 posts - 1 through 17 (of 17 total)
  • Author
    Posts
  • March 22, 2021 at 7:25 am #277541
    Hans
    Participant

    Hi,

    I want to rebuild our website. I do this on http://www.hagmeijer.nl
    Now I am trying for hours to reduce the big gap between the content and the primary menu. Nothing and nothing results in a good solution.
    I searched at the internet, I searched in the Catchthemes forum, but I cannot find any solution.
    Hagmeijer.nl is a fresh page without any additional css.

    Please help.

    Regards

    Hans Hagmeijer

    March 22, 2021 at 8:14 am #277546
    Skandha
    Participant

    @toerfiets: Hello Hans,
    Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

    .home #content .entry-header {
    display: none;
}
.home #content .entry-content {
	margin-top: 0;
}

    Also edit the post and remove the unused <p> tag.
    Let me know if this works out!
    Kind Regards,
    Skandha

    March 22, 2021 at 8:25 am #277550
    Hans
    Participant

    Hi Skandha,

    This helped. But now the gap is still remaining on the next pages. Can you please provide me css for that?
    The only thing that should be done (but I think this is not possible) is that the text takes the place of the removed page title.
    I don’t understand “also edit post and remove the unused tag.
    I do not see that tag.

    Kind regards

    Hans Hagmeijer

    March 22, 2021 at 11:25 am #277563
    Hans
    Participant

    Hi Skandha,

    It worked for the primary menu.
    Now the secretary of the club doesn’t want the primary menu, but the header right menu.
    And guess what: there is the big gap again.

    I really don’t know what to dot now.
    Kind regards

    Hans Hagmeijer

    March 23, 2021 at 5:42 am #277648
    Skandha
    Participant

    @toerfiets: Hello Hans,
    Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

    #content {
	padding-top: 0;
}
.singular-content-wrap .entry-content {
    margin-top: 0 !important;
}

    Let me know if this works out!
    Kind Regards,
    Skandha

    March 23, 2021 at 6:01 am #277654
    Hans
    Participant

    Hello Skandha,

    Thank you for answering. I appreciate your help very much.
    This works a bit.
    There still is a gap.There are worse things that can happen, but….

    The problem should be resolved totally if it is possible to replace
    the header image by an url that links to an embedded website.

    I got the request of a friend who is consultant of it is possible that customizations of a theme can be made by Catchthemes and what the costs are.

    Kind regards

    Hans Hagmeijer

    March 23, 2021 at 6:18 am #277659
    Hans
    Participant

    Hello Skandha,

    After reloading the page, the gap seems te become smaller. Now it is a acceptable gap.
    Still the question about the replacement of the header image by a ur to another website (in this case tableau public)

    If that isn’t possible, so it will be.

    Kind regards

    Hans Hagmeijer

    March 23, 2021 at 10:14 am #277681
    Hans
    Participant

    Hi Skandha,

    The gap on front page is ok now.
    Is it possible, that the gap on the other pages becomes just as small as the gap on the front page?

    That should be perfect.

    Kind regards

    Hans Hagmeijer

    March 24, 2021 at 8:22 am #277750
    Skandha
    Participant

    @toerfiets: Hello Hans,
    Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

    .singular-content-wrap .entry-header {
    display: none;
}

    Let me know if this works out!
    Kind Regards,
    Skandha

    March 24, 2021 at 11:10 am #277758
    Hans
    Participant

    Hello Skandha,

    Thank you for answering.

    Unfortunately this did not work.
    As you can see at http://www.hagmeijer.nl/diensten/ there still is a rather big gap between the menu and the content.

    The frontpage is perfect.

    Kind regards

    Hans Hagmeijer

    March 29, 2021 at 2:28 am #278133
    Hans
    Participant

    Hello Skandha,

    Did you read the post about the solution did not work on non homepage pages?

    Kind regards

    Hans Hagmeijer

    March 29, 2021 at 4:34 am #278143
    Skandha
    Participant

    @toerfiets: Hello Hans,
    Did you try adding the following CSS Code.

    .singular-content-wrap .entry-header {
    display: none;
}

    Let me know if the issue persists!
    Kind Regards,
    Skandha

    March 29, 2021 at 5:28 am #278146
    Hans
    Participant

    Hello Skandha

    Yes I did. This solved the problem on the home page, but not on other pages.
    On every page (not the home page) the gap stays.

    Another question:
    which Catcthemes theme is suitable for a webshop?
    I think with connection to WooCommerce?

    Kind regards

    Hans Hagmeijer.

    March 30, 2021 at 2:52 am #278250
    Skandha
    Participant

    @toerfiets: Hello Hans,
    Can you let me know on which non homepage the gap stays?

    For ecommerce themes please check out this link.
    Kind Regards,
    Skandha

    March 30, 2021 at 3:06 am #278252
    Hans
    Participant

    Hello Skandha,

    On every non homepage.

    March 30, 2021 at 4:46 am #278271
    Skandha
    Participant

    @toerfiets: Hello Hans,
    The following Code seems to be working at my end on your site.

    #content {
    padding-top: 0;
}
.singular-content-wrap .entry-header {
    display: none;
}

    Kind Regards,
    Skandha

    March 31, 2021 at 3:47 am #278364
    Hans
    Participant

    Hello Skandha,

    Thanks. This did it.

    Kind regards

    Hans Hagmeijer

  • Author
    Posts
Viewing 17 posts - 1 through 17 (of 17 total)
  • The topic ‘big space between content and primary menu’ is closed to new replies.