[Brendon]

Hi,

I was hoping you could advise how I can reduce the depth of the Promotion Area directly below the ‘Book Now Online’ button on the home page of my website: http://cafemint.com.au

Ideally I would like the spacing to be consistent with that above ‘Welcome to Café Mint’.

Any assistance would be greatly appreciated.

Many thanks

Brendon

[Sakin]

@Brendon: Try adding in the following css in “Appearance => Customize => Theme Options => Custom CSS Options” box:
.home .site-content { display: none; }

[Brendon]

That worked perfectly, thank you!

Also, I was just wondering how I can adjust the height of the nav bar on desktop and mobile.

Ideally, I’d like to increase the height but still keep the logo, menu items etc all vertically centred in the space.

Thanks in advance.

Brendon

[Sakin]

@Brendon: That is bit complicated. So, be careful and adjust the maximum height and padding of the logo image, and padding, font size and line height of menu in the following css and then add it in “Appearance => Customize => Theme Options => Custom CSS Options” box:

/* For larger screen then 990px */
@media screen and (min-width: 991px) {	
    #logo-icon img {
        max-height: 44px;
        padding: 6px 0;
    }
    .fullframe-nav-menu a {
        padding: 10px 20px;
        font-size: 16px;
        line-height: 1.5;
    }
}
/* For smaller screen then 991px */
@media screen and (max-width: 990px) {	
    #logo-icon img {
        max-height: 44px;
        padding: 6px 0;
    }
    .fullframe-nav-menu a {
        padding: 10px 20px;
        font-size: 16px;
        line-height: 1.5;
    }
}

[Author]

Posts