Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #339132
    Cherise
    Participant

    Hi,

    1. I was able to hide the menu headers on my website, but there’s still a line visible under my header (On top of Reg vir Rheeder) which I would like removed please – I hope you’ll be able to assist?
    2. I would also like the content to be full width like the header, but I can not seem to get it right.

    Website – http://www.regvirrheeder.co.za

    #339137
    Cherise
    Participant

    3. I would also like to know if I am able to change the button colour under Akkommodasie?

    #339138
    Cherise
    Participant

    4. I would also like to know how to hide the entire menu on mobile also please – it’s hidden on desktop, but still visible on mobile

    #339146
    sujeet
    Keymaster

    Hello @cherise,

    Please add the following css code to Dashboard > Appearance > Customizer > Additional CSS to remove the grey line at the top of Reg vir Rheeder.

    
    #header-navigation-area .site-primary-menu {
       border: none !important;
    }
    

    And to make content full width add this:

    
    .site-main .hentry,
    .site-content .wrapper {
       padding: 0 !important;
    }
    

    To hide menu, add this:

    
    #header-navigation-area {
       display: none;
    }
    

    To change button color, add this:

    
    .bbutton-bottom {
       background-color: #CDBBAD;
    }
    

    Pleas let me know if the code worked for you. Thank you.

    Regards,
    Sujeet

    #339152
    Cherise
    Participant

    Thanks so much – all codes worked. I just have another issue – on mobiles there’s a white space above my first image – is there a way to remove it?

    #339156
    sujeet
    Keymaster

    Hello @cherise,

    Can you please share an screenshot of the white space, so that I can give the code for that as well?

    Regards,
    Sujeet

    #339159
    Cherise
    Participant

    Please see attached – https://postimg.cc/3dHNjkyh

    #339160
    sujeet
    Keymaster

    Hello @cherise,

    Please try adding the following css code to remove the space.

    
    @media screen and (max-width: 768px) {
    .site-content {
       padding-top: 0 !important;
    }
    
    .site-content .singular-content-wrap > .hentry > .entry-content {
       margin-top: 0 !important;
    }
    }
    

    Regards,
    Sujeet

    #339163
    Cherise
    Participant

    It worked, thanks!

    #339164
    sujeet
    Keymaster

    Hello @cherise,

    I’m glad to hear that it worked for you. If you like the theme and our support, then I have a quick request: Could you please leave a review?

    https://wordpress.org/support/theme/catch-wedding/reviews/#new-post

    Your review will help others know what to expect when they’re looking for the support I offer. Even a sentence or two would be hugely appreciated.

    Thank you.

    Regards,
    Sujeet

    #339172
    Cherise
    Participant

    I will do,

    one last thing – I would like to know if there is a way to reduce these white spaces above and below all of my headings? On desktop and mobile.

    https://postimg.cc/Ppg7m1Kn

    #339177
    sujeet
    Keymaster

    Hello @cherise,

    I checked the screenshot and your website, but I didn’t find much space above and below headings. Can you please confirm?

    space123

    To remove small gaps you can add the following css.

    
    figure {
       margin-bottom: 0 !important;
    }
    

    Regards,
    Sujeet

    #339192
    Cherise
    Participant

    Yes, I was able to remove it on a desktop, but the screenshot is from a mobile – I am unable to remove it on a mobile screen.

    #339196
    sujeet
    Keymaster

    Hello @cherise,

    I really didn’t find any space in mobile as well. Check this:

    mobile

    Regards,
    Sujeet

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